Abstand im IE größer wegen margin-Verdoppelung im float-Element
Immer wieder wird man bei der Umsetzung in HTML/CSS mit dem IE Doubled Float-Margin Bug konfrontiert.
Der Internet-Explorer (IE) verdoppelt bis zur Version 6 den margin-Abstand eines Elementes wenn es mit “float” versehen wurde. Beispielsweise besitzt ein links gefloatetes Element mit der Angabe von “margin-left:25px;” im IE einen Abstand von 50px.
#beispiel {
float: left;
margin-left: 25px;
}
Abhilfe schafft eine einfach CSS-Angabe um den Bug zu eliminieren.
Bei den gefloateten Elementen, die mit einem “margin” versehen wurden, ein “display:inline;” einfügen.
Dieses Attribut hat keinerlei sonstige Auswirkungen, da jedes gefloatete Element automatisch ein Blockelement ist und die Eigenschaft “display:inline;” daran nichts ändert.
#beispiel {
float: left;
margin-left: 25px;
display: inline;
}
Ähnliche Artikel
- Nofollow-Links im Firefox direkt sichtbar machen
- Linkgeiz bei MisterInfo - alles auf nofollow
- Web-Usability - Telekommikationsunternehmen beseitigt Hürden
- Google startet mit eigenem Browser
- Probleme mit Flash-Objekten nach Firefox 3-Installation
Lob, Kritik, oder Anmerkungen? Schreibe einen Kommentar oder speichere diesen Feed und erhalte zukünftig neue Berichte im Feed-Reader.
Nicht viel, nur danke.