nicht angemeldet
span-margin und IE5
Hallo Forum,
vermutlich hat das der IE5 einfach nicht drauf, vielleicht übersehe ich aber auch etwas:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<style type="text/css">
<!--
#links {
margin-right:10px;
}
//-->
</style>
</head>
<body>
<span id="links">links</span><span id="rechts">rechts</span>
</body>
</html>
Ein margin auf der rechten Seite des "links"-Spans ist im IE5 nicht erkennbar, im IE6 und FF aber schon.
Welche Möglichkeiten eines Workaroundes habe ich denn?
Danke und Grüsse, Hans
-
Hallo,
Welche Möglichkeiten eines Workaroundes habe ich denn?
margin und padding ignoriert der IE5 bei inline-Elementen. Bleibt nur der Weg über ein Block-Element oder display:block. Damit das nicht umbricht musst du die Elemente dann noch floaten. Dies wiederum führt dazu, dass der IE die Margins verdoppelt, was du durch display:inline (!) beheben kannst. Das span wird trotz display:inline als Block-Element interpretiert, da gefloatete Elemente automatisch Block-Elemente sind (sowohl laut W3C-Spezifikation als auch in der Browser-Realität)
bleibt also übrig:
#links {
float:left;
display:inline;
margin-right:10px;
}MfG, Mülli
--
Viva Colonia!-
Hallo Mülli,
bleibt also übrig:
#links {
float:left;
display:inline;
margin-right:10px;
}mensch, was für eine Trickserei. Man kann nur hoffen, dass IE5 & Co. bald im Nirvana verschwinden.
Ich danke Dir jedenfalls, das hat mir sehr weitergeholfen!
Hans
-