Wie heißt der Bug
Struppi
- css
0 city20000 Struppi0 Axel Richter0 Struppi
-1 Gunnar Bittersmann- menschelei
0 O'Brien
Wie heißt der IE Bug, wenn ein input Feld in einem fieldset den margin des umschließenden Elementes bekommt?
Kurzes Beispiel:
#links
{
float:left;
width:8em;
}
#rechts
{
margin-left: 10em;
}
<div id="links">Linke Seite
</div>
<div id="rechts">Rechts ein Formular:
<form>
<input type="text">
<fieldset>
<input type="text">
</fieldset>
</form>
</div>
Im IE (6) wird das erste Textfeld normal linksbündig dargestellt, während das andere im Fieldset um (vermutlich) 8em eingerückt ist.
Wer vererbt hier was? Wie heißt der Bug? Gibt's einen workaround?
(einer ist statt margin padding zu verwenden, was aber im betreffendem Design andere Probleme nach sich zieht)
Struppi.
Hallo Struppi,
Internet Explorer Float/Margin Bugs
www.positioniseverything.net/ explorer/doubled-margin.html
Gruss
city
Internet Explorer Float/Margin Bugs
www.positioniseverything.net/ explorer/doubled-margin.html
Du meinst <www.positioniseverything.net/explorer/doubled-margin.html>
Den hatte ich schon gefunden, aber der dort beschriebene Workaround funktioniert nicht.
Oder ich verstehe ihn nicht, wo muss ich in meinen Code, was einbauen damit das input Feld nciht mehr den absatnd hat?
Struppi.
Hallo,
es ist wohl eher eine Variante des 3px-Texteinrückungs-Bug bei Text neben float-Boxen. Jedenfalls lässt es sich entsprechend bekämpfen:
#rechts
{
margin-left: 10em;
height: 1%;
}
Das height natürlich _nur_ für den IE mit Conditional Comment, aber das wird Dir ja bekannt sein.
viele Grüße
Axel
es ist wohl eher eine Variante des 3px-Texteinrückungs-Bug bei Text neben float-Boxen. Jedenfalls lässt es sich entsprechend bekämpfen:
#rechts
{
margin-left: 10em;
height: 1%;
}
so wie es aussieht ist es doch der Doubled Float-Margin Bug, wenn ich die input Felder mit einem <p> umschliesse ist alles in Ordnung. Das war der einzige Workaround den ich verstanden habe.
Struppi.
Hello out there!
Wie heißt der Bug
Karl der Käfer?
See ya up the road,
Gunnar