CSS schwebte divs mit Formelementen in Safari 3 auf einem Mac verschwinden
-
08-07-2019 - |
Frage
Ich bin Schruppen ein Layout zusammen und einigen Browser-Test zu tun. Nie über dieses Thema kam vor, überprüfen Sie das Kontaktformular in der Fußzeile dieser Seite
http://staging.terrilynn.com/fundraising/
Es gibt ein div mit einer Breite von 298px nach rechts schwebte, die zuerst in der Reihenfolge der Quelle kommt. Es wird von mehreren anderen divs gefolgt, die jeweils mit ihrem Kind Formelement schwebte links.
Die divs, die links von der rechten schwebte Nachricht div erscheinen soll verschwinden.
Seite korrekt angezeigt in Firefox. Jede mögliche Hilfe würde geschätzt.
<div id='footer-contact-form'>
<h1>Request Information <span class='note'>(all fields required)</span></h1>
<form class="monkForm" method="post" action="http://my.ekklesia360.com/FormBuilder/handleSubmit.php" id="footer-info-request">
<fieldset>
<legend>Footer Info Request</legend>
<div class="textarea required" id="w2376">
<p class="data">
<label for="area_2376">Message</label>
<textarea id="area_2376" name="e_2376" rows="5" cols="20"></textarea>
</p>
</div>
<div class="text required" id="w2377">
<p class="data">
<label for="text_2377">Name</label>
<input id="text_2377" type="text" name="e_2377" value="" />
</p>
</div>
<div class="text required" id="w2378">
<p class="data">
<label for="text_2378">Phone</label>
<input id="text_2378" type="text" name="e_2378" value="" />
</p></div>
<div class="text" id="w2379">
<p class="data">
<label for="text_2379">Email</label>
<input id="text_2379" type="text" name="e_2379" value="" />
</p>
</div>
<p id="formsubmit"><input type="submit" name="submit" value="Send" /></p>
<input type="hidden" name="token" value="8143f99c1d01b4d1207dbe7860e5586d" />
<input type="hidden" name="SITEID" value="2185" />
<input type="hidden" name="cpBID" value="367780" />
<input type="hidden" name="formslug" value="footer-info-request" />
<input type="hidden" name="CMSCODE" value="EKK" />
<input type="hidden" name="fkey" value="" />
</fieldset>
</form>
</div><!-- #footer-contact-form -->
Lösung
Ich glaube, ich fand das Problem:
screen.css (Linie 382)
#footer-contact-form div {
margin:0 300px 10px 0;
overflow:hidden;
}
"overflow: hidden". Verursacht das Problem
Andere Tipps
Haben Sie versucht, schwimmend nicht die <p>
Elemente auf der linken Seite? Warum eigentlich tun Sie das? Es ist nicht im aktuellen Layout erforderlich.
Wow, das hat funktioniert!
Ich war mit Überlauf. Versteckt das div zu zwingen, die schwammen Label und Eingabeelemente enthalten
Aber wirklich der Schwimmer auf den Eingabeelementen sind nicht erforderlich.
Danke euch alle sehr.