Problem z Wyśrodkowaniem

[qetli]

Witam mam taki problem i próbowałem dużo sposobów.
Nie mogę wyśrodkować strony żeby była wyśrodkowana nie zależnie od rozdzielczości.
CSS wygląda tak

/* GLÓWNE FUNKCJONOWANIE STRONY */

body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000 ;
background-color:#000000 ;
margin: auto;
padding: 0;
text-align: center;


}



/* ELEMENTY STRONY */

#logo {
width: 955px;
height: 148px;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
margin: 0 auto;

}


#status {
width: 955px;
height: 60px;
background-image: url(../images/status.gif);
background-repeat: no-repeat;
margin: 0 auto;

}


#menu {
width: 252px;
height: 339px;
background-image: url(../images/menu.gif);
background-repeat: no-repeat;
position:absolute;
left: 362px;
}


#glow {
width: 703px;
height: 339px;
background-image: url(../images/glow.gif);
background-repeat: no-repeat;
margin: 0 auto;
position:absolute;
left: 614px;
}
#st {
width: 955px;
height: 60px;
background-image: url(../images/st.gif);
background-repeat: no-repeat;
position:absolute;
left: 362px;
top: 545px;

}

#center {
margin: 0px auto;
width: 955px;
}
p {
text-align: center;
padding-top: 40px;
font-family : Lucida Console;
font-size : 18px;
color : black;
font-weight: bold;
}

1.Co jest tu źle dodam ze cała strone mam wziętą w dic "center" i na mniejszej rozdzielczości div "menu" "glow" "st" ucieka w prawo a reszta też nie jest na środku

[Ancik]

Witaj,

Spróbuj w ten sposób

Kod:

#center {
margin-left: auto;
margin-right: auto;
overflow: hidden;
position: relative;
width: 955px;

Daj znac czy działa

Pozdrawiam.

[qetli]

teraz wyśrodkowało ładnie ale divy menu,glow,st pouciekały gdzieś ze nawet ich nie widać.

[Ancik]

Daj mi link do strony bo ciężko mi sobie to wszystko wyobrazic. Twój problem napewno leży w zbyt częstym używaniu pozycjonowania absolutnego. Powinieneś nauczyc się wykorzystywac metode opływania (float: left/right.

Pozdrawiam.

[qetli]

to link do strony qetli.pl

[Ancik]

Zamień swoje deklaracje do #menu i #glow na te:

Kod:

#menu {
width: 252px;
height: 339px;
background-image: url(../images/menu.gif);
background-repeat: no-repeat;
float: left;
}


#glow {
width: 703px;
height: 339px;
background-image: url(../images/glow.gif);
background-repeat: no-repeat;
margin: 0 auto;
float: right;
}

[qetli]

ok chyba będzie działać teraz się przesunął div st ale z tym sobie poradzie.

[Ancik]

Tutaj masz rozwiązanie dla #st

Kod:

#st {
width: 955px;
height: 60px;
background-image: url(../images/st.gif);
background-repeat: no-repeat;
clear: both;
}

Jak już mówiłem, zacznij pracowac z opływaniem, bo przy bardziej skomplikowanych projektach obecna metoda doprowadzi Cię do znacznie większych komplikacji w przyszłości . Cieszę się, że mogłem pomóc.

Pozdrawiam.