Webstatt.org - Community seit 2006 - 2012 (2024?)

Problem mit height: auto;

user-344
30.06.2007 20:19

hallo zusammen

ich bin wiedermal auf ein Problem gestossen, beim erstellen einer Website //edit link
....
Seht ihr den grauen Flecken, unten rechts?

Der graue Fleck ist das body-Backgroundbild. Das Problem ist das div, welches den Flecken eigentlich decken soll.

das box div umschliesst navigation und content und hat height: auto. Jetzt sollte es sich doch der höhe der navigation oder des contents anpassen, oder?

IE und Mozzi machen es aber nicht. Ich weiss nicht an was es liegt.
Hat jemand eine Ahnung, warum height: auto in diesem Fall nicht funktioniert?

Danke im voraus
web4


CSS Code

.box {
height: auto;
width:1003px;
background-color:#FFFFFF;
float: left;
}

.leftside {
width: 190px;
height: auto;
float: left;
}

.content {
width: 520px;
height: auto;
float: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:20px;
margin-right:20px;
margin-top:25px;
color:#919191;
line-height:19px;
}

user-137
30.06.2007 21:01

Hier ist der Fehler:

.box {
background-color:#FFFFFF;
clear:both;
float:left;
height:auto;
width:1003px;
}


Ändere das 1003px durch 100% dann müsste es gehen!

P.S. Mit Firebug findet man solche Fehler schnell zwinkern

user-344
01.07.2007 09:02

tatsächlichlächeln herzlichen dank!
stimmt, ich habe den firebug jetzt auch noch auf meinem laptop installiertlächeln

danke nochmal!