Autor Zpráva
Knopi
Profil
Můj problém nefunguje pouze v MOZILLE 1.7.13 - zde se mi v každém druhém řádku nezobrazí horní margin. Jak je to v jiných verzích Mozilly nevím.

Příklad víceřádkového vodorovného menu

CSS:

<style type="text/css">
* {
margin: 0;
padding: 0;
}

body {
background: #C9D9D4;
font: 80%/1.5 Tahoma, Verdana;
}

/* navigation */
#navigation {
background: #324B32;
width: 645px;
}

#menu li {
display: inline; /* odstraneni chyby msie dvojiteho marginu u prvni polozky */
list-style: none;
background: #E2E3D2;
width: 160px;
float: left;
margin: 1px 0 0 1px;
text-align: center;

}
/* navigation */

.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: .5;
}
</style>


HTML:

<!-- navigation -->
<div id="navigation">
<ul id="menu">
<li>Vodorovné menu</li>
<li>Vodorovné menu</li>
<li>Vodorovné menu</li>
<li>Vodorovné menu</li>

<li>Vodorovné menu</li>
<li>Vodorovné menu</li>
<li>Vodorovné menu</li>
<li>Vodorovné menu</li>

<li>Vodorovné menu</li>
<li>Vodorovné menu</li>
<li>Vodorovné menu</li>
<li>Vodorovné menu</li>

<li>Vodorovné menu</li>
<li>Vodorovné menu</li>
<li>Vodorovné menu</li>
<li>Vodorovné menu</li>

<li>Vodorovné menu</li>
<li>Vodorovné menu</li>
<li>Vodorovné menu</li>
<li>Vodorovné menu</li>
</ul>
<div class="clear">&nbsp;</div>
</div>
<!-- navigation -->

Jsem úplně zoufalej. Je možný, že je to chyba tohoto prohlížeče - možná nějaký bug, jak se říká. Budu moc rád za každou radu...
Plaváček
Profil
Knopi

Ano, je to chyba prohlížeče, která byla v novějších verzích již opravena.

Doplním odkaz http://www.mraveniste.org/weblog/2005/07/04-gecko-1px.html.
Knopi
Profil
Plaváček: Děkuju, mě to přišlo divný. Všude jo, jen ta Mozilla ne. :-) Na tom mraveništi je snad všechno...
Toto téma je uzamčeno. Odpověď nelze zaslat.

0