Loading:


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.



Napisz Artykuł

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>
 


kontakt w sprawie miejsca



Dodano przez: divix
Ranga: Administrator serwisu Punktów: 38423
Komentarze użytkowników
Dzięki :) Tego szukałem. Mam nadzieję, że Microsoft kiedyś do zmieni.
autor: klocek | 5223 | 2010-02-18 15:10:07


    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-19 v.1.5 | design: diviXdesign & rainbowcolors