Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Srodkowanie strony
gregi1
post
Post #1





Grupa: Zarejestrowani
Postów: 134
Pomógł: 0
Dołączył: 24.03.2007

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
ArekJ
post
Post #2





Grupa: Zarejestrowani
Postów: 266
Pomógł: 9
Dołączył: 21.05.2008
Skąd: Łomianki

Ostrzeżenie: (0%)
-----


background-position: center;



O to chodzi?
Go to the top of the page
+Quote Post
Maxik
post
Post #3





Grupa: Zarejestrowani
Postów: 726
Pomógł: 129
Dołączył: 10.01.2008
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


margin-left: auto;
margin-right: auto;

lub

margin: 0 auto;
Go to the top of the page
+Quote Post
gregi1
post
Post #4





Grupa: Zarejestrowani
Postów: 134
Pomógł: 0
Dołączył: 24.03.2007

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
Maxik
post
Post #5





Grupa: Zarejestrowani
Postów: 726
Pomógł: 129
Dołączył: 10.01.2008
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


To co podałem dajesz do body, czyli:
body{
margin: 0 auto;
}
Go to the top of the page
+Quote Post
hiszpanespaniol
post
Post #6





Grupa: Zarejestrowani
Postów: 213
Pomógł: 39
Dołączył: 7.04.2008
Skąd: 3city

Ostrzeżenie: (0%)
-----


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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) , to dajesz dla diva "all" taki css

  1. div#all {
  2. width: 600px;
  3. margin: 0 auto;
  4. }


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:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


bez tego niektóre przeglądarki nie obsłużą marginesu
Go to the top of the page
+Quote Post
gregi1
post
Post #7





Grupa: Zarejestrowani
Postów: 134
Pomógł: 0
Dołączył: 24.03.2007

Ostrzeżenie: (0%)
-----


Dzieki pomoglo
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 20:47