Hallo
ich habe 3 div-Bereiche, also Header-Inhalt-Footer. Header und Footer sollen immer in voller Größe dargestellt werden., Inhalt Scrollbar und immer zwischen Header&Footer ohne Überlappung. Im Firefox bekomme ich das hin, im IE6 gibt es ja das bekannte Problem das der die Höhe nicht automatisch berechnet. Kann man das irgendwie nachprogrammieren ? Hier mal die DIv's
div.header
{
margin:10px;
padding:10px;
top:0px;
height:20px;
width:100%;
background:#FFFFCC;
text-align: center;
}
div.inhalt
{
margin:10px;
padding:10px;
vertical-align: center;
position:absolute;
width:95%;
top:60px;
bottom:60px;
overflow:auto;
background:#F0F8FF;
text-align: center;
}
div.footer
{
margin:10px;
padding:10px;
position:absolute;
bottom: 5px;
height:10;
width:98%;
background:#FFFFCC;
text-align: center;
}
Im IE6 kann ich das nur für eine bestimmte Auflösung&Größe mit einer height Angabe für DIV-Inhalt lösen. Dumm ist hier das die Höhe dann immer den angegebenen Prozentwert hat und im meinem Fall der Footer den Ihlat überlappt wenn man das Fenster verkleinert.
Besten Dank und Gruß
pain