CSS DIV Problem

[invy]

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'?

 

[dkdenz]

Hast Dus auch mal so probiert?

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

Kannst Du das mal irgendwie online bringen,
damit man das mal im Zusammenhang sieht?
Eigentlich kann man problemlos Boxen mit 1px Höhe machen.

 

[invy]

hier ist die seite,
kompletter css code ist in der datei

http://www.winorlose.de/xhtml.php

habs mal probiert, das funktioniert nicht ohne div#

 

[dkdenz]

Schönes Bild...

Nun habe ich keinen IE installiert und kann nur raten.
Hast Du schon probiert padding:0px und margin:0px reinzuschreiben?
Hast probiert was passiert, wenn font-size fehlt?
Und wenn Du da schon font-size reinmachst,
schreibe mal zur Probe einen einfachen Punkt rein um zu sehen, was passiert.

 

[dkdenz]

habs mal probiert, das funktioniert nicht ohne div#

Habe mich auch vertan beim Kopieren :whacky:

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

 

[invy]

macht keinen Unterschied

 

[Malleus]

Mach' mal ein "overflow:hidden" dazu, hat glaub' ich bei mir auch mal geholfen

 

[invy]

funktioniert perfekt!

danke

 

[Malleus]

Alles klar, Tschau