Autor Zpráva
deserteagle
Profil
Ahoj,
předělávám design na svém webu a nevím, jak zarovnat menu tak, aby vypadalo stejně jak v IE (to mi vyhovuje) tak v Mozille Firefox. Když použiji u horního Menu padding-top: 3px; a u středního Menu padding-top: 11px;, aby se mi nadpis nedržel v horní části, udělá to v Mozille bordel, protože to posune i následující prvek, ale v IE ne.
Odkazy příkladů:
Bez zarovnaného menu
Se zarovnaným menu
Chce se na to opravdu podívat v obou prohlížečích. Za jakokoliv radu předem děkuji.
blackjoker
Profil
deserteagle
nepoužívej padding zkus to vyřešit pomocí marginu
repetep
Profil
na mernu pouzivaj zoznami <ul>
deserteagle
Profil
blackjoker:
Když to udělám pomocí marginu, tak se mi neposune písmo :(

Tady je ta část CSS, která rozhodí Mozillu:

#menu {
width: 200px;
margin-left: 23px;
}

#menu .horni {
width: 200px;
height: 31px;
background: url("../img/menu_horni.gif") no-repeat;
color: #FFFFFF;
font-weight: bold;
padding-left: 10px;
padding-top: 3px;
}

#menu .stred {
width: 200px;
height: 39px;
background: url("../img/menu_stred.gif") no-repeat;
color: #FFFFFF;
font-weight: bold;
padding-left: 10px;
padding-top: 11px;
}

#menu .dolni {
width: 200px;
height: 10px;
background: url("../img/menu_dolni.gif") no-repeat;
}

#menu .mezi {
width: 200px;
background: url("../img/menu_mezi.gif") repeat-y;
padding-left: 10px;
}


repetep:
To používat neumím ... nebo jinak, ještě jsem to nepoužil, ale zkoušel jsem už to.
Str4wberry
Profil
Je-li rozdílné zobrazování v MSIE a Firefoxu, na vině bude pravděpodobně odlišný vykreslovací režim — používáš mód zpětné kompatibility, ve kterém je v IE odlišný box model, což Tě asi trápí. Sjednotíš jej takto:
* {box-sizing: border-box; -moz-box-sizing: border-box;}
deserteagle
Profil
Vyřešeno. Všem děkuji za odpovědi.

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: