[CSS] Położenie elementów w poziomie

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: [CSS] Położenie elementów w poziomie

Post autor: Stig »

Temat był już wielokrotnie poruszany na forum. Powtórzę:

Kod: Zaznacz cały

body {
	margin: 0;
	padding: 0;
	text-align: center;
}
div#all {
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
gdzie div#all zawiera całą treść strony.
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: [CSS] Położenie elementów w poziomie

Post autor: Stig »

Zgodnie ze specyfikacją atrybut text-align o wartości center służy do centrowania tekstu. W przypadku elementów, dla nowoczesnych przeglądarek, należy zastosować atrybut margin o wartościach bocznych auto. Dla badzIEwia należy zastosować text-align: center. Przykład:

Kod: Zaznacz cały

<img src="image.png" alt="Alternative" style="margin: 0 auto; text-align: center;" />
Takie rozwiązanie omówione jest przykładem na stronach W3C. RTFM.
ODPOWIEDZ