automatisch browser-höhe

[pgx3d]

Guten Tag

Ich habe eine Webseite erstellt, welche ich über css steuere.

Mein Problem ist, dass ich es nicht hinbringe, das css so einzustellen, dass die Seite automatisch auf die Grösse des Browser-Fensters angepasst wird...
Denn so habe ich einen Scroller vom Content und von der ganzen Seite.

Ich hoffe mir kann jemand weiter helfen.

Hier die css (ist nicht allzu sehr aufgeräumt :-))

body
{
margin: 0px;
padding: 0px;
font: 14px arial, hevetica, sans-serif;
text-align: center;
color: ;
background-color: #666666;
background-image: );
}

#container { position:absolute;  vertical-align: middle; top:; left:; width:1000px;                     height:77%; background: #666666; border:; float: left; color: #FF8429;
                  top: 5px;
    left: 50%; margin: -0px 0 0 -500px;}

#title  { position:relative; top:0px; float:middle ; left:; width:1000px; height:90px;
    background: #330000; border: ;  color: red; }

#anouncment { position:relative; ;top:0px;  float:left; left:; width:1000px; height:75px;
    background:#330000; color: ; overflow: center;}

#mainnav { position:relative; top:; float:left; left:; width:128px; height:100%;
    background: #425A10; color: #FF8429;
      clear:left; text-align: left; overflow: auto;}

#contents { position:relative; top:; float:left; left:; width:872px; height:100%;
    background: #330000; color: #FF8429; overflow: auto;}

#news  { position:absolut; top:; float:left; left:; width:122px; height:100%;
    background: #425A10; color: #FF8429;}

#footer  { position:relative; top:0px; float:left; left:; width:1000px; height:15px;
    background: darkblue; color: green; border: ;  }

[Ann]

Hi,
hast du schon mal probiert den Container auf width:100%; height:100% einzustellen?
Grüße
Ann

Guten Tag

Ich habe eine Webseite erstellt, welche ich über css steuere.

Mein Problem ist, dass ich es nicht hinbringe, das css so einzustellen, dass die Seite automatisch auf die Grösse des Browser-Fensters angepasst wird...
Denn so habe ich einen Scroller vom Content und von der ganzen Seite.

Ich hoffe mir kann jemand weiter helfen.

Hier die css (ist nicht allzu sehr aufgeräumt :-))

body
{
margin: 0px;
padding: 0px;
font: 14px arial, hevetica, sans-serif;
text-align: center;
color: ;
background-color: #666666;
background-image: );
}

#container { position:absolute;  vertical-align: middle; top:; left:; width:1000px;                     height:77%; background: #666666; border:; float: left; color: #FF8429;
                  top: 5px;
    left: 50%; margin: -0px 0 0 -500px;}

#title  { position:relative; top:0px; float:middle ; left:; width:1000px; height:90px;
    background: #330000; border: ;  color: red; }

#anouncment { position:relative; ;top:0px;  float:left; left:; width:1000px; height:75px;
    background:#330000; color: ; overflow: center;}

#mainnav { position:relative; top:; float:left; left:; width:128px; height:100%;
    background: #425A10; color: #FF8429;
      clear:left; text-align: left; overflow: auto;}

#contents { position:relative; top:; float:left; left:; width:872px; height:100%;
    background: #330000; color: #FF8429; overflow: auto;}

#news  { position:absolut; top:; float:left; left:; width:122px; height:100%;
    background: #425A10; color: #FF8429;}

#footer  { position:relative; top:0px; float:left; left:; width:1000px;

Hast du auch horuzontale Skrollbalken bei 1000px?

height:15px;

background: darkblue; color: green; border: ;  }

[Andy]

setz mal bei
body height:100%

evtl. bei html auch!