Mauki
Aktives Mitglied
Thread Starter
- Dabei seit
- 24.07.2002
- Beiträge
- 15.499
- Reaktionspunkte
- 189
Ich bin gerade dabei an einer Seite zu basteln. Die Seite soll das Browserfenster ausfüllen. In der Breite kein Problem aber wie realisiere ich das mit der Höhe.
Die Box 1, 2 und 5 haben ne feste Höhe und 3 und 4 sollen dynamisch den Rest ausfüllen. Aktuell ist es so das Box 3 und 4 immer nur so hoch sind wie der Inhalt, die sollen aber den übrigen Platz ausfüllen?
Wie mach ich das ?
Die Box 1, 2 und 5 haben ne feste Höhe und 3 und 4 sollen dynamisch den Rest ausfüllen. Aktuell ist es so das Box 3 und 4 immer nur so hoch sind wie der Inhalt, die sollen aber den übrigen Platz ausfüllen?
Wie mach ich das ?
HTML:
body {
margin: 0px;
padding: 0px;
font-family: Futura, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
#container {
width: 100%;
height: 100%;
}
.box1{
height: 70px;
background-color: red;
border-top-color: #FEE07E;
border-right-color: #FEE07E;
border-left-color: #FEE07E;
}
.box2{
padding:5px;
padding-left: 10px;
padding-right:0px;
background-color: black;
}
.box3{
padding:5px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
float:left;
width:180px;
height: 100%;
background-color: lightgrey;
}
.box4{
float:none;
padding:15px 20px 10px 80px;
height: 100%;
margin: 0px 0px 0px 145px;
background-color: white;
line-height: normal;
text-align: justify;
}
.box5{
background-color: darkgrey;
height: 15px;
}