Udelal jsem si menu a poupravil ho tak aby mi vyhovovalo v ie vse jed ejak ma ale nahodou sem na to mrknul pod firefoxem a a tam to menu uz ok neni .. je cele roztahle neporadil by mi nekdo jak to napravit ..



<style type="text/css">

{
color: #000; background-color: #fff;
font-family: "Verdana CE", Verdana, sans-serif; line-height: 1.35;
margin: 0; padding: 2.5em;
}

div#navigation-container {
position: relative;
width: 5px;
}

div#navigation {
background-color: #FF9604;
width: 170px;
padding: 0.5em;
voice-family: "\"}\""; voice-family: inherit;
width: 140px;
}

div#navigation ul {
background-color: #FF9604;
margin: 0; padding: 0;
}

div#navigation li {
list-style: none;
margin: 0; padding: 0;
}


div#navigation a {
color: #000000;
font-size: 11px;
text-decoration: none;
display: block;
border-left: 2px solid #000000; border-right: 2px solid #000000;
width: 12em;
padding: 0.35em 1em;
voice-family: "\"}\""; voice-family: inherit;
width: 140px;
}

div#navigation a:visited {
color: #000000;
}

div#navigation a:hover, div#navigation a:focus {
background-color: #FFFFFF;
border-left: 1em solid #000000; border-right: 1em solid #000000;
}

div#navigation a:active {
background-color: #ffb380;
border-left: 1em solid #ffb380; border-right: 1em solid #ffb380;
}

div#navigation a span {
display: none;
}


div#navigation a:hover span.description, div#navigation a:focus span.description {
visibility: visible;
}

</style>


<div id="navigation-container">
<div id="navigation">
<ul>
<li><a href="index.php">Úvodní stránka</a></li>
<li><a href="http://zs.netdatacomm.cz/gallery.php?akce=galerie_ukaz&galerie_id=4">Interiér školy</a></li>
<li><a href="showpage.php?name=ucitelsky_sbor">Učitelský sbor</a></li>
<li><a href="showpage.php?name=vychovni_poradci">Vých. poradci</a></li>
<li><a href="showpage.php?name=sekretariat">Sektretariát</a></li>
<li><a href="showpage.php?name=skolni_druzina">Školní družina</a></li>
<li><a href="showpage.php?name=skolni_jidelna">Školní jídelna</a></li>
<li><a href="showpage.php?name=skolska_rada">Školská rada</a></li>
<li><a href="showpage.php?name=klas_rad">Klasifikační řád</a></li>
<li><a href="showpage.php?name=rad_skoly">Školní řád</a></li>
<li><a href="showpage.php?name=konstrukce">Rozvrh hodin</a></li>
<li><a href="showpage.php?name=prazdniny">Prázdniny</a></li>
<li><a href="showpage.php?name=zvoneni">Zvonění</a></li>
<li><a href="http://zs.netdatacomm.cz/gallery.php">Fotogalerie</a></li>
<li><a href="showpage.php?name=skolni_casopis">Šk. časopis</a></li>
<li><a href="showpage.php?name=mapy">Mapy plány</a></li>
<li><a href="showpage.php?name=kontakty">Kontakty</a></li>


</ul>
</div>

Tak zaprvé jedna ukážka je za sto popisov. Prečo tu nie je link na názornú ukážku? :)
Zadruhé, prečo toto:

div#navigation-container {
position: relative;
width: 5px;
}

div#navigation {
background-color: #FF9604;
width: 170px;
padding: 0.5em;
voice-family: "\"}\""; voice-family: inherit;
width: 140px;
}

?????

Zatretie, "chybné" zobrazenie je zdá sa v MSIE, pretože táto kombinácia CSS:
width: 170px;
padding: 0.5em;
rovná sa hotová katastrofa. Kto uhádne prečo? Inak HTML/CSS súboru nerozumiem, pokiaľ si ho vizuálne so zvýraznením jednotlivých elementov neprejdem cez DOM Inspector :)
voice-family: "\"}\""; voice-family: inherit; - a tomuto už nerozumiem vôbec :) to je nejaký hack?

pa3k napsal/a:
-------------------------------------------------------
> ...
> voice-family: "\"}\""; voice-family: inherit; - a tomuto už nerozumiem vôbec :) to je nejaký hack?

je to hack, ano... tusim na sove v siti to bylo popsano

-- JaV ---- [http://www.hades.cz] ---- security by obscurity ---------------------------------------------
motto:
It's OK to be ignorant; it's not OK to play stupid.
But it's simply not efficient for us to try to help people who are not willing to help themselves.
----------------------------------------------------------------------------------------------------------------------