Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Wycentrowanie div'ów
Kamil9132
post 29.12.2010, 16:23:10
Post #1





Grupa: Zarejestrowani
Postów: 210
Pomógł: 0
Dołączył: 7.11.2010

Ostrzeżenie: (10%)
X----


Witam
Jak wycentrować divy ?
Znam sposoby:
-center
-left 50%

Ale mi chodzi jak wycentrować divy ,które mają określone parametry (left 400px).
Go to the top of the page
+Quote Post
muniekw
post 29.12.2010, 16:55:49
Post #2





Grupa: Zarejestrowani
Postów: 243
Pomógł: 22
Dołączył: 1.06.2009
Skąd: Warszawa

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


w stylach robisz
  1. margin: 0;
  2. padding:0;
  3. text-align: center;
Go to the top of the page
+Quote Post
webdice
post 29.12.2010, 16:57:51
Post #3


Developer


Grupa: Moderatorzy
Postów: 3 045
Pomógł: 290
Dołączył: 20.01.2007




Poczytaj o:

  1. margin: 0 auto;


Cytat(muniekw @ 29.12.2010, 16:55:49 ) *
w stylach robisz
  1. margin: 0;
  2. padding:0;
  3. text-align: center;


Chyba w IE6.
Go to the top of the page
+Quote Post
muniekw
post 29.12.2010, 16:59:53
Post #4





Grupa: Zarejestrowani
Postów: 243
Pomógł: 22
Dołączył: 1.06.2009
Skąd: Warszawa

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


Cytat(webdice @ 29.12.2010, 16:57:51 ) *
Poczytaj o:
  1. margin: 0 auto;


Fakt zapomniałem o tym:)
Go to the top of the page
+Quote Post
Kamil9132
post 29.12.2010, 18:18:47
Post #5





Grupa: Zarejestrowani
Postów: 210
Pomógł: 0
Dołączył: 7.11.2010

Ostrzeżenie: (10%)
X----


Zrobiłem tak ale nie działa sad.gif :
  1. <style type=\"text/css\">
  2.  
  3. body {
  4.  
  5. text-align: center;
  6.  
  7. }
  8.  
  9. </style>


W moim kodzie są includowane 4 pliki i one nie są wyśrodkowane.
Go to the top of the page
+Quote Post
VIPPER_
post 29.12.2010, 18:23:43
Post #6





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 29.12.2010

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


text-align center nigdy nie wyśrodkuje div'a jako całego obiektu.

Jeżeli znasz dokładne wymiary, możesz zastosować prosty trick używając position: absolute:

  1. .class {
  2. width: 100px;
  3. height: 100px;
  4. position: absolute;
  5. top: 50%;
  6. left: 50%;
  7. margin-top: -50px;
  8. margin-left: -50px;
  9. }


Jednak należy pamiętać aby element-rodzic miał ustawione position:absolute bądź position:relative.
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: 19.07.2025 - 20:53