[CSS]Wyśrodkowanie strony Opcje

[daniel1302]

Witam mam taki CSS

[HTML] pobierz, plaintext 
*{
	background-color : #000000;
}
#header
{
	background-image : url("images/header.jpg");
	width : 989px;
	height : 300px;
	overflow: auto;
	position : absolute;
	top : 0px;
	right : 10px;
}
#title
{
	font-family : Georgia, Tahoma, sans-serif;
	font-size : 22px;
	font-variant : small-caps;
	font-style : italic;
	font-weight : bold;
	letter-spacing : 1px;
	overflow: auto;
	position : absolute;
	top : -45px;
	right : 192px;
}
#leftMenu
{
	background-image : url("images/leftMenu.jpg");
	background-repeat : repeat-y;
	width : 187px;
	min-height: 550px;
	height:auto; 
	height: 100%;
	min-height: 350px;
	overflow: auto;
	position : absolute;
	top : 300px;
	right : 812px;
}
#leftField
{
	margin-left : 5px;
}
#leftLine 
{
	background-image : url("images/leftLine.jpg");
	background-repeat : repeat-y;
	position : absolute;
	top : 300px;
	right : 800px;
	width : 13px;
	min-height: 550px;
	height:auto; 
	height: 100%;
}
#centerColumn
{
	width : 585px;
	position : absolute;
	top : 360px;
	right : 210px;
}
#rightLine 
{
background-image : url("images/rightLine.jpg");
	background-repeat : repeat-y;
	position : absolute;
	top : -60px;
	right : -13px;
	width : 13px;
	min-height: 550px;
	height:auto; 
	height: 100%;
}
#rightMenu 
{
	background-image : url("images/rightMenu.jpg");
	background-repeat : repeat-y;
	padding-right : 0px; 
	width : 187px;
	overflow: auto;
	position : absolute;
	top : -60px;
	right : -200px;
	min-height: 550px;
	height:auto; 
	height: 100%;
}
#rightField
{
	margin-right : 5px;
}
[HTML] pobierz, plaintext 

i jeśli mam rozdzielczość 1024x768
to jest OK
ale jeśli ja pracuję na nowym komputerze(1152x864) to strona jest po prawej stronie i chce ją wyśrodkować

[--daniel1302--]

Teraz zmieniłem na Relatywne i mi sie strona rozłazi w zależności od treści w wcześniejszym Divie

Kod

body{
    background-color : #000000;
}
#header
{
    background-image : url("images/header.jpg");
    width : 989px;
    height : 300px;
    overflow: auto;
    position : relative;
    top : 0px;
    left : 65px;
}
#title
{
    font-family : Georgia, Tahoma, sans-serif;
    font-size : 22px;
    font-variant : small-caps;
    font-style : italic;
    font-weight : bold;
    letter-spacing : 1px;
    overflow: auto;
    position : absolute;
    top : 0px;
    right : 192px;
}
#leftMenu
{
    background-image : url("images/leftMenu.jpg");
    background-repeat : repeat-y;
    width : 187px;
    min-height: 550px;
    height:auto;
    height: 100%;
    min-height: 350px;
    overflow: auto;
    position : relative;
    top : 0px;
    left : 65px;
}
#leftField
{
    margin-left : 5px;
}
#leftLine
{
    background-image : url("images/leftLine.jpg");
    background-repeat : repeat-y;
    position :relative;
    bottom : 350px;
    left : 252px;
    width : 13px;
    min-height: 350px;
    height:auto;
    height: 100%;
}
#centerColumn
{
    width : 585px;
    position : relative;
    bottom : 650px;
    left : 265px;
}
#rightLine
{
background-image : url("images/rightLine.jpg");
    background-repeat : repeat-y;
    position : relative;
    bottom : 421px;
    left : 590px;
    width : 13px;
    min-height: 672px;
    height:auto;
    height: 100%;
}
#rightMenu
{
    background-image : url("images/rightMenu.jpg");
    background-repeat : repeat-y;
    padding-right : 0px;
    width : 187px;
    position : relative;
    bottom : 1093px;
    left : 602px;
    min-height: 672px;
    height:auto;
    height: 100%;
}
#rightField
{
    margin-right : 5px;
}