Autor Zpráva
Medvídek
Profil
Zdravím,
mámk tu problém s paddingem v menu. Pokud zadám pouze <!DOCTYPE HTML>, IE7,8, FF a Opera padding správně vykreslí, ale IE6 ho započítá k výšce elementu. Pokud přepnu do QUIRKU, tak IE 6 to vykreslí správně, ale problém má pak zase Opera.

Jak se toto řeší?

ukázka.

#menu ul {margin: 0; padding: 0; float: left; width: 220px;}
#menu ul li {margin: 0; padding: 0; float: left; clear: both; list-style-type: none; height: 73px;}
#menu li a {width: 220px; float:left; height: 73px; background-image: url(images/menu.png); background-repeat: no-repeat; background-position: left top; text-decoration: none; color: black;  padding-top: 15px; padding-bottom: 0px; font-size: 1.5em; font-family: Impact, sans-serif; }

<div id="menu">
     <ul>
      <li><a href="/o-nas/" title="O nás">o nás</a></li>
      <li><a href="/sluzby/" title="Služby">služby</a></li>
      <li><a href="/nahradni-dily/" title="Náhradní díly">náhradní díly</a></li>
      <li><a href="/galerie/" title="Galerie">galerie</a></li>
      <li><a href="/kontakt/" title="Kontakt">kontakt</a></li>
     </ul>
</div>



Předem děkuji :)
Keeehi
Profil
http://ie-brouci.dero.name/box-model.html
Chamurappi
Profil
Reaguji na Medvídka:
ale IE6 ho započítá k výšce elementu
Všichni ho připočítají k výšce. Jen Explorer 6 ale kvůli němu roztáhne rodiče.
Tori
Profil
Chamurappi:
Měla bych návrh na přidání tohoto odkazu do některého FAQ (kategorie HTML, CSS nebo Web.prohlížeče):
http://wellstyled.com/html-doctype-and-browser-mode.html - přehledné srovnání jaký mód nastavují různé doctypy, s url i bez. Je to pravda dost starý článek, ale stále platný.
A omlouvám se, že píšu OT sem, nenašla jsem vhodné téma.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: