Odpowiedz 
 
Ocena wątku:
  • 0 Głosów - 0 Średnio
  • 1
  • 2
  • 3
  • 4
  • 5
[css]Centrowanie w poziomie
Autor Wiadomość
matoolek Offline
Użytkownik

Ilość postów: 20
Dołączył: 24-03-2011
Reputacja: 0
Post: #1
[css]Centrowanie w poziomie
Tekst
Aby wycentrować w poziomie tekst wystarczy nam text-align: center; dopisane do elementu blokowego. text-align: center; wycentruje wszystkie elementy liniowe znajdujące się w bloku.

Blok

marginesy
Aby wycentrować blok wystarczy odpowiednie ustawienie marginesów margin: 0 auto;. Sposób ten działa tylko wtedy, gdy nie jesteśmy w trybie Quirks (tryb wstecznej zgodności; brak zgodności ze standardami) - w tryb ten wchodzimy, gdy cokolwiek znajduje się przed DOCTYPE lub go po prostu nie ma.

Jeśli jednak jesteśmy w trybie Quirks i nie mamy możliwości zmiany tej sytuacji to dla elementu obejmującego element, który zamierzamy wycentrować należy przypisać text-align: center;. Gdy "siedzimy" w Quirks to tylko IE < 7 nie wyświetli bloku na środku. Warto też wspomnieć, że IE < 6 (np. IE 5.5) nie wycentruje strony nawet jak teoretycznie nie siedzimy w Quriks. W tej sytuacji pomoże text-align: center; pomoże.

Uwaga!
Opisany sposób przyniesie pożądany efekt tylko i wyłącznie, gdy nadamy rozmiar elementowi centrowanemu - nie da się wyśrodkować czegoś, co zajmuje 100% szerokości Wink
30-03-2011 13:31
Znajdź wszystkie posty użytkownika Zacytuj ten post w odpowiedzi
Odpowiedz 


Skocz do: