Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS floated divs with form elements disappear in Safari 3 on a mac
    primarykey
    data
    text
    <p>I'm roughing a layout together and doing some browser testing. Never came across this issue before, check out the contact form in the footer of this page</p> <p><a href="http://staging.terrilynn.com/fundraising/" rel="nofollow noreferrer"><a href="http://staging.terrilynn.com/fundraising/" rel="nofollow noreferrer">http://staging.terrilynn.com/fundraising/</a></a></p> <p>There is a div with a width of 298px floated to the right that comes first in the source order. It is followed by several other divs, each with their child form elements floated left.</p> <p>The div's that should appear to the left of right-floated message div are disappearing.</p> <p>Page displays correctly in firefox. Any help would be appreciated.</p> <pre><code>&lt;div id='footer-contact-form'&gt; &lt;h1&gt;Request Information &lt;span class='note'&gt;(all fields required)&lt;/span&gt;&lt;/h1&gt; &lt;form class="monkForm" method="post" action="http://my.ekklesia360.com/FormBuilder/handleSubmit.php" id="footer-info-request"&gt; &lt;fieldset&gt; &lt;legend&gt;Footer Info Request&lt;/legend&gt; &lt;div class="textarea required" id="w2376"&gt; &lt;p class="data"&gt; &lt;label for="area_2376"&gt;Message&lt;/label&gt; &lt;textarea id="area_2376" name="e_2376" rows="5" cols="20"&gt;&lt;/textarea&gt; &lt;/p&gt; &lt;/div&gt; &lt;div class="text required" id="w2377"&gt; &lt;p class="data"&gt; &lt;label for="text_2377"&gt;Name&lt;/label&gt; &lt;input id="text_2377" type="text" name="e_2377" value="" /&gt; &lt;/p&gt; &lt;/div&gt; &lt;div class="text required" id="w2378"&gt; &lt;p class="data"&gt; &lt;label for="text_2378"&gt;Phone&lt;/label&gt; &lt;input id="text_2378" type="text" name="e_2378" value="" /&gt; &lt;/p&gt;&lt;/div&gt; &lt;div class="text" id="w2379"&gt; &lt;p class="data"&gt; &lt;label for="text_2379"&gt;Email&lt;/label&gt; &lt;input id="text_2379" type="text" name="e_2379" value="" /&gt; &lt;/p&gt; &lt;/div&gt; &lt;p id="formsubmit"&gt;&lt;input type="submit" name="submit" value="Send" /&gt;&lt;/p&gt; &lt;input type="hidden" name="token" value="8143f99c1d01b4d1207dbe7860e5586d" /&gt; &lt;input type="hidden" name="SITEID" value="2185" /&gt; &lt;input type="hidden" name="cpBID" value="367780" /&gt; &lt;input type="hidden" name="formslug" value="footer-info-request" /&gt; &lt;input type="hidden" name="CMSCODE" value="EKK" /&gt; &lt;input type="hidden" name="fkey" value="" /&gt; &lt;/fieldset&gt; &lt;/form&gt; &lt;/div&gt;&lt;!-- #footer-contact-form --&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload