Pełna wersja: [HTML][CSS]Srodkowanie strony
Mam problem, otoz mam stonke gdzie wiekszosc grafiki wczytywana jest jako tlo w css. Ale jest to sronka o wymiarach 600x600 i moje pytanie jest jak przy pomocy css wysrodkowac ja aby byla zawsze wyswietlana na srodku przegladarki a nie przy lewej krawedzi?
background-position: center;
O to chodzi?
O to chodzi?
margin-left: auto;
margin-right: auto;
lub
margin: 0 auto;
margin-right: auto;
lub
margin: 0 auto;
Raczej nie, chyba ze jestem w bledzie. Kiedys gdzies czytalem ze to raczej sie robi za pomoca margin-left:auto itd. ale nie bardzo wlasnie sie chce to zrobic.
Kawalek kody strony:
<div id="all">
<div id="top1"></div>
<div id="top2"></div>
<div id="clear"></div>
<div id="content">
.......
</div>
</div>
CSS
#top1{
bacground-image: url(.....);
width:111px;
height:111px;
float:left;
}
#top2{
bacground-image: url(.....);
width:111px;
height:111px;
float:left;
}
itd.
Kawalek kody strony:
<div id="all">
<div id="top1"></div>
<div id="top2"></div>
<div id="clear"></div>
<div id="content">
.......
</div>
</div>
CSS
#top1{
bacground-image: url(.....);
width:111px;
height:111px;
float:left;
}
#top2{
bacground-image: url(.....);
width:111px;
height:111px;
float:left;
}
itd.
To co podałem dajesz do body, czyli:
body{
margin: 0 auto;
}
body{
margin: 0 auto;
}
podpisuję się pod postem Maxik'a, ale żeby strona się wyśrodkowała, zawsze musisz podać szerokość jej "najogólniejszego" elementu.
czyli jeśli jakoś te div'y mające po 111px mają razem 600px
, to dajesz dla diva "all" taki css
ewentualnie kod "div#all" zmień na "body" i wtedy właściwie nie potrzebujesz tego div'a "all".
jeszcze będziesz musiał dać odpowiedni DOCTYPE. nie wiem dokładnie które działają, ale na pewno zadziała z tym:
bez tego niektóre przeglądarki nie obsłużą marginesu
czyli jeśli jakoś te div'y mające po 111px mają razem 600px
, to dajesz dla diva "all" taki css
ewentualnie kod "div#all" zmień na "body" i wtedy właściwie nie potrzebujesz tego div'a "all".
jeszcze będziesz musiał dać odpowiedni DOCTYPE. nie wiem dokładnie które działają, ale na pewno zadziała z tym:
bez tego niektóre przeglądarki nie obsłużą marginesu
Dzieki pomoglo
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.