Hallo,
ich habe ein CSS-Layout erstellt, das wie folgt aussieht:
Spalte 1 - feste Höhe | Spalte 2 - feste Höhe | Spalte drei - Feste Höhe
__________________________________________________ _____________
Footer - soll dynamisch den verbleibenden Browserplatz einnehmen.
Der Code dazu sieht folgendermaßen aus:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
/* ----------spalte 1----------------- */
#leftrow{
float:left;
margin: 0px;
padding: 0px;
width: 210px;
height: 710px;
background-color: #034B47;
border-bottom: solid 1px #93BBA1;
}
/* -----------------spalte 2--------------------- */
#middle{
float:left;
margin: 0px;
padding: 0px;
width: 630px;
height: 710px;
background-color: #ffffff;
background-image: url(../img/main/background.jpg);
background-repeat:no-repeat;
border-bottom: solid 1px #93BBA1;
}
/* ----------spalte 3----------------- */
#rightrow{
float:left;
margin: 0px;
padding: 0px;
width: 158px;
height: 710px;
background-color: #CAEDD5;
background-image: url(../img/main/right-row.jpg);
background-repeat:no-repeat;
border-bottom: solid 1px #93BBA1;
}
/* ----------------footer---------------------- */
#footer {
margin: 0px;
padding: 0px;
width: 998px;
height: 100%;
background-image: url(../img/main/footer.gif);
text-align:center;
}
Beim Firefox funktioniert auch alles prima.
Eim IE-6 erscheint jedoch ein unschönder Scrollbalken und der Footer passt sich nicht der Seite an, sondern geht weit über das Seitenende hinaus.
Gibt es eine Möglichkeit den IE-6 anzuweisen, den Footer nur bis zum Seitenende auszufüllen?
Vielen Dank im Voraus
Ingo
