Strona na divach - wyśrodkowanie i stopka na całą szerokość

Witam, walczę z prostą stronką opartą na divach, chcę zrobić tak aby całość była wyśrodkowana i jednocześnie stopka i górny pasek były rozciągnięte na całą długość. Niestety jedyne co udaję mi się osiągnąć to wyśrodkowanie strony w taki sposób:

http://img13.imageshack.us/img13/1310/89634287.png

taki efekt uzyskuję poprzez zastosowanie takiego kodu:

html, body {

    margin:0;

    padding:0;

    height:100%;

	width:100%

}


#container {

	min-height:100%;

	position:relative;

	width:1300px;

	margin: 0px;

	margin: auto;

}


#tab01 { \\\ - górny pasek

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:13px;

	background-color: #464646;

}


#Table_01 { \\\ - główna zawartość strony

	top:0px;

	height:800px;

	padding-bottom:60px;

	padding:10px;

}


#footer {

	margin:0;

	width:100%;

	bottom:0;

	left:0px;

	position:absolute;

	height:60px;

	background-color: #2e2e2e;

}

natomiast jeżeli w głównym DIV’ie zmienię width:1300px; na width:100%; to powstaje mi taki twór:

http://img829.imageshack.us/img829/1560/53693083.png

Czyli górny pasek wraz ze stopką rozciągają się na całą szerokość, lecz nic nie jest wyśrodkowane, ja jak już pisałem chciałbym uzyskać pośredni efekt i o ile z górną belką mógłbym poradzić sobie przez zastosowanie div’a na całą szerokość przed innymi, to o tyle sprawa ze stopką jest utrudniona, gdyż ta dostosowuje się do rozdzielczości/wielkości okna przeglądarki. Prosiłbym o pomoc, mam nadzieję, że ten skrawek kodu wystarczy.

Spróbuj marginy ustawić na:

margin:0 auto;

Gdzie tego nie ustawie to niczego mi to nie zmienia, dalej jest tak samo jak opisałem w pierwszym poście.

container width:100%;

Table_01 width 1024px; czy ile tam chcesz

              margin: 0 auto;

Bądź osadź wszystko w nowym divie.

div.main {

     width: 100%;

    height: 100%;

}

a container, footer, itp.

margin:0 auto;

Co ci to da skoro content nie ma szerokości to i tak będzie zajmować całość.

A sposób wybrany przez ciebie jest równoważny z kodem z pierwszego posta (będzie wyglądać tak samo)

drobok, twoim sposobem również nie ustawiło mi się tak jak być powinno, lecz podsunąłeś mi pomysł i poustawiałem to tak:

#container {

	width:100%;

	min-height:100%;

} 

#Table_01 {

	position:absolute;

	width:1300px;

	left:50%;

	margin-left:-650px;

	top:0px;

	height:800px;

	padding-bottom:60px;

	padding:10px;

}

a żeby wyśrodkować jeszcze zawartość stopki dodałem taki DIV:

#footer2 {

	position:absolute;

	width:1300px;

	left:50%;

	margin-left:-650px;

	top:0px;

	height:60px;

}

którego umieściłem w divie #footer a dopiero w tego wpakowałem zawartość stopki. Tym sposobem uzyskałem to co chciałem, być może trochę naokoło i pewnie da się zrobić to lepiej, ale to mi wystarczy.

Do wyśrodkowania tekstu służy text-align,

Czemu pchasz się ciągle w te 1300 ? Masz taki szeroki monitor czy co ? Skoro przesuwasz w lewo o te 650, to twoja szerokość też około tyle powinna wynosić.

W tym dziale najlepiej dać link / wrzucić swój kod na jakiś parser online.

W stopce obecnie mam obrazki zamiast tekstu, stąd to rozwiązanie.

Rozdzielczość mam szeroką - 1920x1080 :smiley: lecz wiem, że nie w tym rzecz i trochę za szeroko dałem ale tak obecnie jest ten szablon wykonany, rzecz jasna będę to ucinał od boków i wtedy 1300 się zmniejszy. 650px wziąłem stąd że gdzieś wyczytałem właśnie żeby do wyśrodkowania posłużyć się tym:

left:50%;

width:400px; (szerokość zawartości)

margin-left:-200px; (połowa szerokości zawartości