Archiwum dla Grudzień, 2008

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 :)