Loading:

Majówka Programisty! [Książki drukowane -35%| Ebooki -50%]

Ostatnio dodane

php Upload dodaw PHP Tworzenia mi Logowanie obiekt Prosty system sz Lista plików z Jak zbudować pr Jak zamienić w IP uzytkownika Obiekt Timer [AS Proste skrypty w

Top 10

1.ftp_quit 2.bindec 3.date_sub() 4.asinh() 5.PDF_moveto 6.pcntl_fork 7.gzfile() 8.rar_close 9.atan() 10.fam_open

56853.05

Dlaczego nie działa margin auto w IE przeglądarkach [ Internet Explorer ]

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

<?xml version="1.0" encoding="utf-8"?>
<!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>