![BLACK WEEK IT! [Zgarnij książkę GRATIS lub kupuj solo z rabatem do -50%]](https://static01.helion.com.pl/helion/img/promocje/xzay/box_1180x419_1x_druk__Black_week_2_zestawy_2024_Rpolony_a0d7b42e2-z1.png)
Jeśli pojawiłeś się na tym artykule, to znak, że polecenie margin: auto; nie działa Ci na stronie w przeglądarkac Internet Explorer (każdej wersji).
Co może powodować ten ubytek z przeglądarki Microsoftu?
Odpowiedzi może być kilka, na początek musiszy się upewnić, że wyśrodkowujemy div'a oraz, że ustawiamy szerokość (width) dla danego obiektu div'a. UWAGA! należy również pamiętać, aby nie nadawać polecenia float takiemu div'owi.
Jednak to tylko podstawowe wymagania odnośnie działania margin: auto. Cały sekret IE czy też defekt, polega na ... wspomaganiu własnym standardów W3C.
Aby wycentrować div w IE wystarczy dopisać znaczniki <html>, <head>, <body> oraz deklaracje <!DOCTYPE> w odpowiednim formacie. Czasami również i to nie zdzaiała, jednak i jest dodatkowa opcaj do użycia. Dla obiektu który jest pod centrowanym div'em możemy dopisać text-align: center, a później wewnątrz div'a możemy przywrócc wyrównywanie tekstu za pomocą tej samej komendy z wartością left.
Przykład działającego w każdej przeglądarce wyśrodkowanego div'a na stronie znajduje się na listingu pod spodem.
Listing
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Wyśrodkowany div w Internet Explorer</title>
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
<style type="text/css">
body {
text-align:center
}
.przyklad {
width:120px;
margin:0 auto
}
</style>
</head>
<body>
<div class="przyklad">? Funkcje.net ?</div>
</body>
</html>
Ranga: Administrator serwisu Punktów: 0
-
-
Tre¶æ komentarza
-
