Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Srodkowanie strony
gregi1
post 23.10.2008, 20:34:14
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 23.10.2008, 20:36:05
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?


--------------------

"Do bramy, bo pada deszcz
Gdy zaćpiesz przejdzie dreszcz
I wróci, wróci tęcza barw
I pęknie twój wrogi świat" R. Riedel
Go to the top of the page
+Quote Post
Maxik
post 23.10.2008, 20:54:48
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;


--------------------
Pomogłem? Kliknij przycisk Pomógł pod pomocnym Ci postem.
http://maxik.me/
Go to the top of the page
+Quote Post
gregi1
post 23.10.2008, 20:55:34
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 23.10.2008, 21:03:14
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;
}


--------------------
Pomogłem? Kliknij przycisk Pomógł pod pomocnym Ci postem.
http://maxik.me/
Go to the top of the page
+Quote Post
hiszpanespaniol
post 23.10.2008, 22:02:51
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 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 24.10.2008, 10:19:42
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
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 01:15