Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]wycentrowanie strony
aleo
post 17.03.2009, 23:34:09
Post #1





Grupa: Zarejestrowani
Postów: 137
Pomógł: 0
Dołączył: 23.08.2008

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


Witam jak w css ustawić aby strona wyświetlała się na środku ekranu gdy jest za duża rozdzielczość a nie od lewej strony ? używałem
float:center; ale nic nie daje :/


--------------------
Go to the top of the page
+Quote Post
zelu
post 17.03.2009, 23:35:10
Post #2





Grupa: Zarejestrowani
Postów: 229
Pomógł: 34
Dołączył: 7.12.2008
Skąd: Poznań

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


Ustaw prawy i lewy margines na auto

Pzdr
Go to the top of the page
+Quote Post
aleo
post 17.03.2009, 23:36:15
Post #3





Grupa: Zarejestrowani
Postów: 137
Pomógł: 0
Dołączył: 23.08.2008

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


body {
background-image: url(background.jpg);center
margin: 0 auto 0 auto;} ?


--------------------
Go to the top of the page
+Quote Post
ostrylg
post 17.03.2009, 23:39:41
Post #4





Grupa: Zarejestrowani
Postów: 144
Pomógł: 18
Dołączył: 11.12.2005
Skąd: Gdańsk

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


  1. body {
  2. margin: 0 auto;
  3. }


winksmiley.jpg
Go to the top of the page
+Quote Post
aleo
post 17.03.2009, 23:40:53
Post #5





Grupa: Zarejestrowani
Postów: 137
Pomógł: 0
Dołączył: 23.08.2008

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


kurcze nic nie daje te rozwiązanie :/


--------------------
Go to the top of the page
+Quote Post
zelu
post 17.03.2009, 23:41:06
Post #6





Grupa: Zarejestrowani
Postów: 229
Pomógł: 34
Dołączył: 7.12.2008
Skąd: Poznań

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


  1. body {
  2. text-align: center;
  3. }
  4.  
  5. div.srodek {
  6. width: 500px;
  7. margin: 0px auto;
  8. }
  9.  
  10.  
  11. <div class="srodek">
  12. <p>Div na srodku</p>
  13. </div>
  14. </body>


Pozdro

Ten post edytował zelu 17.03.2009, 23:42:06
Go to the top of the page
+Quote Post
aleo
post 17.03.2009, 23:44:55
Post #7





Grupa: Zarejestrowani
Postów: 137
Pomógł: 0
Dołączył: 23.08.2008

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


kurczę nadal nic panowie musiałem dać <body>center>adsas</center> +text-align: center

Ten post edytował aleo 17.03.2009, 23:45:16


--------------------
Go to the top of the page
+Quote Post
zelu
post 17.03.2009, 23:47:36
Post #8





Grupa: Zarejestrowani
Postów: 229
Pomógł: 34
Dołączył: 7.12.2008
Skąd: Poznań

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


A tak w ogole co Ty chcesz wycentrować? Bo jezeli jakis element blokowy to kod, ktory wczesniej napisalem musi dzialac winksmiley.jpg Nie ma bata winksmiley.jpg

Pozdro
Go to the top of the page
+Quote Post
aleo
post 17.03.2009, 23:48:36
Post #9





Grupa: Zarejestrowani
Postów: 137
Pomógł: 0
Dołączył: 23.08.2008

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


chcę wycentrować całą zawartość body


--------------------
Go to the top of the page
+Quote Post
zelu
post 17.03.2009, 23:51:41
Post #10





Grupa: Zarejestrowani
Postów: 229
Pomógł: 34
Dołączył: 7.12.2008
Skąd: Poznań

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


A co masz w tym body? Diva, tabele?
Go to the top of the page
+Quote Post
Asmox
post 18.03.2009, 06:52:28
Post #11





Grupa: Zarejestrowani
Postów: 359
Pomógł: 12
Dołączył: 16.01.2009

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


Słuchaj aleo, zrób tak:
Umieść po znaczniku body znacznik <div class="main_wrapper">, bo całego body nigdy nie wyśrodkujesz (body to zawartość okna przeglądarki, którego ustalasz wielkość na przykład przez zmaksymalizowanie)
center.css (albo wklej to do znaczników style w sekcji <head>)
Kod
div.main_wrapper {
max-width: 1000px;
min-width: 800px;
/*Jeśli chcesz by układ miał stałą szerokość to wpisz TYLKO width*/
margin-left: auto;
margin:right: auto;
}

To pomoże na 100% (sam z tego korzystam). Niestety IE 6 nie obsługuje min i max width, ale olej to, nawet seniorzy sobie go upgradują do wersji 7.0

Ten post edytował Asmox 18.03.2009, 06:53:44


--------------------
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: 26.04.2025 - 00:14