Ich versuche zZ meine Seite von Tabellen auf ein CSS Layout umzustellen,

das Grunddesign hab ich schon umgestellt allerdings gibt es ein Problem,
Meine Seite wird in Firefox etc perfekt dargestellt, im IE jedoch, sind alle DIV Boxen mindestens 19 pixel groß, obwohl ich sie im CSS kleiner gestellt habe. größer als 19 geht aber.

Bei diesem Code zB

div#header4 {
height: 2px;
width: 760px;
left: 0px;
border: 0px;
background-color: #000000;
}

zeigt der IE die Box trotzdem mit 19 Pixel höhe an, und das bei jeder box!, AUßer denen natürlich, die ich selbst größer eingestellt habe.

was kann man da machen'?

Der IE stellt jede Box mindestens so hoch dar, daß Text in der angegebenen Schriftgröße darin Platz hätte.

gib deiner Box noch zusätzlich
font-size: 1px und overflow: hidden oder
line-height: 1px und overflow: hidden.

Aber mal abgesehen davon, willst du nicht lieber ein hr-Element statt der 2px hohen Box verwenden?

er muss font-size: 0; machen, sonst wirds ja 1px hoch?

__________________
Shibby.....

Mein Blog

font-size:0 funktioniert aber im Opera nicht (zumindest in Version 7, wie’s bei 8 aussieht, weiss ich nicht).

Oder display:block.

Schau mal hier: Bilder, Tabellen und seltsame Lücken

Oder hier: Unerklärliche Lücken zwischen Elementen

Grüsse