CSS v IE Opeře a Mozzile

[Aladar72]

Mám udělaný web pomocí css. Podle w3c je validní. V IE se zobrazuje správně v Opeře taky, ale v Mozzile se mi zmrší menu, respektive tlačítka zgrcnou těsně na sebe a jsou tak dlouhé jak dlouhý je text v nich .

Tady je styl který používám pro menu:

#levy { position: absolute; width: 120px; top: 210px; left: 20px }

#levy { border: none ;border-color: #669966; background-color: #B7D7B7}
#levy h3 { color: black }
#levy a { padding: 10px; height: 20px; width: 100px;text-align: center; border: outset 3px;
font-weight: bold; text-decoration: none}
#levy a:link {background-color: #669966; color: white}
#levy a:visited {background-color: #669966; color: white}
#levy a:hover {background-color: #EFEFD4; color: #336633; border: inset 3px}

Kde soudruzi z NDR udělali chybu??
Dík.

Jo vím, že to tady úplně nepatří ale nechce se mi dělat další thread.
Opera 7.21 mi neotevírá po spuštění dialog pro dial-up připojení , napíše mi jen hlášku, že je problém se sítí. Včera jsem to hledal v preferences asi hodnu, ale nemůžu zjistit kde se to nastavuje.
Dík za rady

[sisi]

Hm, z tohoto nie je (aspon mne osobne) uplne jasne, ako tie styly pouzivas pri budovani toho menu... nezaskodil by i maly HTML fragment demonstracie toho menu. Kazdopadne na uvod by som skusil spravit z "#levy" a "#levy a" block elementy...

[Aladar72]

Asi jsem to napsal nesrozumitelně . Do stačí vložit link takhle:

div id="levy">


Novinky</p>


Archív</p>
</div>

a styl z něj udělá tlačítko, teda jen v IE a Opeře v Mozile je to zmršené .[/quote]

[acheron]

proč tam máš dvakrát nadefinováno levy { } ? zkus to hodit do jednoho řádku

[Aladar72]

To že mám dvakrát nadefinovaný #levy vůbec nevadí spíše mám chybu někde v tomhle kódu

#levy a { padding: 10px; height: 20px; width: 100px;text-align: center; border: outset 3px;
font-weight: bold; text-decoration: none}
#levy a:link {background-color: #669966; color: white}
#levy a:visited {background-color: #669966; color: white}
#levy a:hover {background-color: #EFEFD4; color: #336633; border: inset 3px}

mám rozsypanou jak pozici tak velikost tlačítka.

pro představu vypadá to takhle:


----------IE--------------------Opera-----------------Mozilla

[sisi]

No, a skusal si do toho stylu "#levy a" pridat "display:block", ako som navrhoval?

[Aladar72]

No, a skusal si do toho stylu "#levy a" pridat "display:block", ako som navrhoval?

Zkoušel a beze změn, co ten výraz vlastně dělá??

[apik]

hele, tohle jen tak neuděláš, protože Mozilla tohle dělá...zkus si tam těm tlačítkům přiřadit třeba margin: 5px; a uvidíš, co to udělá