Internet Explorer, <legend> i margines

19 grudnia 2008

Masz problem bo we wszystkich przeglądarkach Twój tag <legend> wygląda tak samo a Internet Explorer (wersja 7 na pewno, innych nie sprawdzałem) uparcie dodaje do niego lewy margines? Jest rozwiązanie :)

Pierwsze co przychodzi na myśl to komentarze warunkowe.

zobacz jako zwykły tekst (nowe okno)
CSS:
  1. <!--[if lte IE 7]>
  2. <style type="text/css">
  3. legend { margin-left: -7px; }
  4. </style>
  5. <![endif]-->

To powinno nas zadowolić ale jest jeszcze inny sposób, mała sztuczka.

zobacz jako zwykły tekst (nowe okno)
CSS:
  1. * html legend { margin-left: -7px; }  /* IE lte 6 */
  2. *+html/*/*/ legend { margin-left: -7px; } /* IE 7 */

To tyle :) Wolę nie używać komentarzy warunkowych i innych trików w CSS ale tym razem chyba nie ma wyjścia jeżeli chcemy aby nasza strona wyglądała w IE dokładnie tak jak sobie wymarzyliśmy :)

Dodaj komentarz

2 odpowiedzi dla tego wpisu

  1. MajareQ napisał: 11.01.09 o godzinie 5:53

    :D jednak drugiego sposobu raczej nie zastosujesz do divów ;)
    Do tego instrukcje warunkowe są ok.
    Wystarczy przygotować dwa arkusze styli ;)

  2. MariuszT napisał: 11.01.09 o godzinie 11:58

    Nie rozumiem, po co stosować do divów? Przecież tu mowa o legend :P I jak mogę to unikam komentarzy warunkowych, zawsze bez nich jest większy porządek.

Odpowiedz



Podobne wpisy: