[HTML][CSS]Szerokość strony, pozornie proste, ale nie umiem tego opanować Opcje

[dnorus]

cześć strona wygląda mniej więcej tak
div top
div naglowek
div tresc
div stopka

i css:

html, body {
background-color: #fff;
color: #000;
margin: 0 0 0 0;
padding: 0;
}

#KONTENER
{
width: 300px;
float: center;
border-style: double;
}

#NAGLOWEK {
background-color: chocolate;
text-align: center;
font-size: 24px;
border-bottom-style: double;
font-weight: bold;
}


#TRESC {
float: left;
text-align: center;
overflow: hidden;
background-color: #fff;
}

#STOPKA {
clear: both;
background-color: chocolate;
border-top-style: double;
text-align: center;
color: white;
}

Wpisuję w każdym możliwym miejscu te width i na różne sposoby - raz podaje wartość w px raz w % i za każdym razem ten sam efekt: strona rozciągnięta od lewej do prawej

[Hares]

Co do twojego kodu to nie ma czegoś takiego jak "float:center" (przynajmniej mi nie wiadomo), że strona Ci się rozsypywała to myślę ze dla tego że nie dodałeś reszty elementów w swój "kontener". Nad resztą kodu nie zastanawiałem się zobacz czy działa.

Twój kod lekko zmieniony w "kontener" i wycentrowany.

[HTML] pobierz, plaintext 
<div id="kontener">
<div id="naglowek">test</div>
<div id"tresc">test</div>
<div id"stopka">test</div>
</div>
[HTML] pobierz, plaintext 

a w css:

[HTML] pobierz, plaintext 
html, body {
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
}
 
#kontener
{
margin:0 auto;
width: 900px;
border-style: double;
}
 
#naglowek {
background-color: chocolate;
text-align: center;
font-size: 24px;
border-bottom-style: double;
font-weight: bold;
}
 
 
#tresc {
float: left;
text-align: center;
overflow: hidden;
background-color: #fff;
}
 
#stopka {
clear: both;
background-color: chocolate;
border-top-style: double;
text-align: center;
color: white;
}
[HTML] pobierz, plaintext