nicht angemeldet
Hallo, Alex,
ich hab mal wieder ein CSS-Problem mit dem IE. Und zwar werden die Abstände von einem DIV (Navigation) anders, wenn es die Eigenschaft "float: left" bekommt.
Navigation mit float:
http://alex.ilosuna.org/xhtml/index.html
Woran liegt das?
Der Internet Explorer verdoppelt den margin-left-Wert komischerweise, ich kann es mir auch nicht erklären, es ist mir auch noch nie begegnet und ich finde keine Ursache.
Ein Workaround wäre, ein Container-Element einzufügen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>XHTML-Test</title>
<style type="text/css">
html,body {margin:0; padding:0;}
#navcontainer {float:left; margin:0; padding:0; background-color:#eee;}
#nav {margin:0 0 0 10px; padding:0; width:200px; height:400px; background-color:#ccc; font-size:13px; border:0 solid black;}
#content {margin:0 10px 0 230px;}
</style>
</head>
<body>
<div id="navcontainer">
<div id="nav"></div>
</div>
<p id="content">blabla ... blabla</p>
</body>
</html>
Und dann werden im IE noch ein paar andere Sachen nicht so dargestellt, wie ich's gerne hätte (Abstände der Links, "a:before") aber das kann man wahrscheinlich nicht erwarten...
li {display:none} verhindert im MSIE die Abstände zwischen den li-Elementen, welche die a-Blockelemente enthalten... eine andere Möglichkeit habe ich nicht gefunden.
Grüße,
Mathias