Autor Zpráva
stope
Profil
Ahoj, mám drop-down menu
<ul class="float">
      <li><a href="#" >polozka 1</a></li>
      <li><a href="#">polozka 2</a>
          <ul>
              <li><a href="#">subpolozka 1</a></li>
              <li><a href="#">subpolozka 2</a></li>
              <li><a href="#">subpolozka 3</a></li>
          </ul>
      </li>
      <li><a href="#">polozka 3</a></li>
    </ul>

A k tomu příslušný css soubor
#head ul  {list-style: none;}
#head ul li {float: left; display: block;}
#head ul li ul li {float: none; text-align: left; padding: 8px 12px; background: #0070b2;}
#head ul li ul li a {text-decoration: none; color: white; font-weight: bold;}
#head ul li ul li a:hover {text-decoration: underline;}
ul.float  {float: left; list-style-type: none; display: block;}
ul.float li ul {display: none; position: absolute;}
ul.float li:hover ul {display: block; position: absolute; z-index: 1000; top: 100px;}

Problém je v tom, že obsah drop-down menu, který přesáhne výšku danou rodičovským ul, se prostě nezobrazí.

Myslím, že něco podobného se tu už řešilo, ale zatím jsem nenarazil na smysluplné řešení. Zkoušel jsem různým elementům přiřadit vysoký z-index, ale nepomohlo. Má někdo nápad?

Díky moc za pomoc =)
pavuk
Profil
co zkusit overflow?
Plaváček
Profil
stope:

Nebyla by živá ukázka?
stope
Profil
Díky pánové,

nakonec stačilo smazat u rodičovského divu (#head) podmínku overflow: hidden;

Chytrému napověz... ;o)

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: