Phil: Größe eines Blocks an das Browserfenster anpassen

Beitrag lesen

Hi.

body
{
position:absolute;
background-color: #fff;
background-image: url(../images/bild.jpg);
background-repeat: no-repeat;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

Warum hier bitte position:absolut?

#content
{
border-top: #000000 1px solid;
position:absolute;
background-color:#E8F5FD;
margin: 142px 0px;
height:420px;
width:100%;
}

Vielleicht versuchst du mal statt das alles mit margin von der Oberkante zu trennen per top:142px.

Der Contentbereich ist also um 142px nach unten gerückt, damit oben Headerinfos stehen können. Mein Problem ist nun "height", denn das hätte ich gerne so, dass die Box "content" bis zur Unterkante des Browserfensters geht. Mit "100%" geht das leider nicht, denn dann werden offensichtlich die 142px addiert, die die Box nach unten gerückt wurde.

Hmm willst du das dem Inhalt enstprechend oder auch wenn da kein Inhalt steht, dann wäre height:auto sinnvoll denk ich.

Hat jemand eine Idee, wie ich das lösen könnte?

Sorry ich bin völlig übermüdet. Das ist wirklich nur das was mir grad in Kopf geschossen kahm ohen wirklich drüber nachzudenken.

mfg

Phil Z.

PS: Du hast nicht zufällig einen Sohn der Christian heißt? -.-*