Autor Zpráva
Networker
Profil
Ahoj,
posílám svoje kódy...

V HTML mám:

<div id="menu">
<ul>
<li>
<a href="1">teateateataet</a>
</li>
<li>
<a href="2">teateateataet</a>
</li>
<li>
<a href="3">teateateataet</a>
</li>
<li>
<a href="4">teateateataet</a>
</li>
<li>
<a href="5">teateateataet</a>
</li>
<li>
<a href="6">teateateataet</a>
</li>
</ul>
</div>

V CSS mám:

#menu {
width: 100%;
height: 30px;
background-color:#000000;
color: #FFFFFF;
position: fixed;
overflow: hidden;
top: 0;
}

#menu ul {
clear:left;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
left:50%;
text-align:center;
}
#menu ul li {
display:block;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
right:50%;
margin-right: -1px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
#menu ul li a {
display:block;
margin: 0;
padding-left: 10px;
padding-right: 10px;
text-decoration:none;
line-height: 30px;
color: #fff;
}
#menu ul li a:hover {
background-color: #000fff;
}
#menu ul li a.active,
#menu ul li a.active:hover {
color:#fff;
background-color: #000fff;
}

Teď můj problém:
Když změnšuji okno prohlížeče, tak mizí položky menu...
Ví někdo jak na to?
Děkuji za radu
Tomáš123
Profil
Networker:
Když změnšuji okno prohlížeče, tak mizí položky menu...
A zobrazuje sa posuvník však... Čo by si čakal, to je úplne normálne.
Marschmallow
Profil
Networker:
Přečti si článek Značka <meta name=viewport> a ještě Zalamování dlouhých slov.
Networker
Profil
Právě, že se ani ten posuvník neukáže a zmizí dost položek.
Marschmallow
Profil
Networker:
Takže máš na webu nějakou zvláštní resposivitu. Koukni se do hlavičky stránky, zda tam nemáš ten view port. Zkusil jsi ty články?
kukuč
Profil *
A co to #menu { height: 30px;} ? zkusil jsi height: auto ?
Případně overflow: auto?
Networker
Profil
Jde mi o to, aby tam to menu bylo a ukázal se posuvník, což nedělá...
kukuč
Profil *
Zruš u #menu fixní pozici (můžeš použít pak třeba absolutní). A nastav ještě nějakou minimální šířku (jen se 100% to nepůjde) podle těch položek menu, pak se ukáže posuvník.
Networker
Profil
Děkuji, moc jste mi pomohl
kukuč
Profil *
Není zač.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: