| Autor | Zpráva | ||
|---|---|---|---|
| Medvídek Profil |
#1 · Zasláno: 22. 9. 2010, 14:25:38
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 |
#2 · Zasláno: 22. 9. 2010, 14:37:16
|
||
| Chamurappi Profil |
#3 · Zasláno: 22. 9. 2010, 14:44:07
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 |
#4 · Zasláno: 22. 9. 2010, 18:09:17
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. |
||
|
Časová prodleva: 14 let
|
|||
0