Ocena wątku:
- 0 Głosów - 0 Średnio
- 1
- 2
- 3
- 4
- 5
|
[css]Centrowanie w poziomie
|
| Autor |
Wiadomość |
matoolek
Użytkownik
Ilość postów: 20
Dołączył: 24-03-2011
Reputacja: 0
|
[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 |
|