nicht angemeldet
Hallo,
Ich bastle gerade an einer Seite und habe ein Problem im IE 7. Ich habe ein Layout aus 3 Bereichen Header, Menu, Content. Header und Menu sind in der Größe fix, der Content-Bereich passt sich immer der Fenstergröße an.
Soweit passt es, aber im Contentbereich wird nochmal ein Div plaziert und dieses soll die gesamte Höhe des anderen Div´s erhalten.
Hier der CSS-Code:
*html #maincontent{
position: fixed;
top: 200px; /*170*/ /*Set top value to HeightOfTopFrameDiv*/
left: 80px; /*Set left value to WidthOfLeftFrameDiv*/
right: 80px; /*Set right value to WidthOfRightFrameDiv*/
bottom: 10px;
overflow: auto;
/* background-color: #6d913a;*/
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: Black;
text-align: center;
background-image: url(schatten.jpg);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: bottom right;
width: 100%;
height: 100%;
}
*html #maincontent_inner{
position: fixed;
margin: 0px 16px 0px 0px;
top: 200px; /*170*/
left: 80px; /*Set left value to WidthOfLeftFrameDiv*/
right: 110px; /*Set right value to WidthOfRightFrameDiv*/
bottom: 26px;
overflow: auto;
background-color: #6d913a;
}
Das *html #maincontent_inner ist immer nur so hoch wie sein Inhalt. Setze ich height: 100%; wird es aber zu groß.
Hat das jemand eine Lösung für mich? Hier sieht man den Entwurf: http://kneissl.biz/entwurf/ - Der Bereich wo "Test" steht sollte eigentlich bis zum Bildschirmende gehen.
Danke,
Michael