Hallo,
ich möchte mit XHTML und CSS eine in der mitte des Browserfensters zentrierte <div>-Box (als direktes Kindelement von <body>) mit festgelegter Breite erzeugen - als 'Container' für den eig. Seiteninhalt.
Ich hätte dabei gerne, das diese <div>-Box immer mindestens genauso hoch ist wie das Browserfenster, auch wenn sich noch kein oder nur wenig darin befindet.
Hier die dazugehörige Regel:
#main {
width: 770px;
top: 0px;
margin-left: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
height: 100%;
}
Ich dachte, height: 100% müßte genau das bewirken, was ich möchte, aber das funzt nicht - sowohl in Firefox als aich in IE ist das <div> immer nur so hoch wie sein Inhalt.
Kann mir da jemand weiterhelfen?
Vielen Dank schonmal,
biesi