Hallo alle!
ich versuche mich gerade an einem Layout mit DIVs. Ich brauche drei "Spalten", die ich mit DIVs darstellen möchte.
Die linke spalte muss 27px breit sein, die rechte auch, und die mittlere die restliche Breite füllen. Abstand soll es keinen geben.
Gelöst habe ich es so:
HTML-Code:
<div id="left" style="border: dotted 1px #FF0000; width: 27px; height: 43px; float: left;"></div>
<div id="right" style="border: dotted 1px #FF0000; width: 27px; height: 43px; float: right;"></div>
<div id="center" style="border: solid 1px blue; margin: 0px 27px 0px 27px; height: 43px;"></div>
Firefox zeigts korrekt an:
http://img200.imageshack.us/img200/5776/82894702.jpg
Der IE (alle Versionen) jedoch zeigt einen linken und rechten Margin an:
http://img15.imageshack.us/img15/9061/94481111.jpg
Ich habe mich Mal mit den IE Entwicklertools auseinandergesetzt, dort wird nirgends ein Margin angezeigt. Was mir aufgefallen ist: Der linke Offset-Wert ist nicht korrekt.
Das linke DIV hat einen Offset von 10:
http://img808.imageshack.us/img808/1299/offsetleft.jpg
was korrekt ist, das sind die 10px Margin vom Body.
Das mittlere DIV jedoch, hat einen Offset von 40:
http://img16.imageshack.us/img16/4825/offsetcenter.jpg
sollten jedoch 37 sein (10 Margin + 27 linkes DIV).
Ich weiss nicht mehr wo ich suchen soll, ich bring diese Abstände einfach nicht weg 
Hat jemand eine Idee?
Danke im Voraus!
doriman
Real programmers confuse Halloween and Christmas because OCT 31 = DEC 25...
genau das hats ausgemacht, hatte nicht bemerkt dass ich versehentlich das DOCTYPE-Tag gelöscht hatte!
Danke
Real programmers confuse Halloween and Christmas because OCT 31 = DEC 25...