Autor Zpráva
Aleš Ulrych
Profil
#1 · Zasláno: 17. 4. 2007, 15:05:38
Odpovědět Citovat
Zdravím, prosím o radu. Předělávám stránky kompletně do CSS, vše fungovalo, jak má, až do IE7. Mozilla, Opera, IE 6 je v poho, ale v IE 7 přestane fungovat float:left, když přiřadím stylu <li> nějakou velikost. Takto vypadá zjednodušeně kód a já chci, aby se mi při najetí na "Výrobky" rozbalil podseznam a "Výroba" se posunula pod něj. Pokud odstraním velikost prvku li, pak to už funguje, jenže já ji potřebuju mít pevně danou. Poradí mi někdo? Posílám zjednodušenou ukázku mého problému
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>Chyba css</title>
<style type="text/css">

div#navigace li { width:147px; height:17px; list-style-type:none; position:relative; border:solid; border-color:#000000; clear:both;} /* pokud zde odstraním width a height, pak to pod IE 7 funguje */
div#navigace ul{ float:left; border:#00FF33 }
div#navigace a {color:#FF0000; font-weight:bold; font-size:70%; text-decoration:none; text-indent:30px; display:block; width:100%; }
div#navigace ul li ul { display:none; }
div#navigace ul li ul li {background-image:none; border:none; height:auto; line-height:21px; }
div#navigace ul li ul li a {color:#000000; font-weight:normal; }
div#navigace ul li ul li a:hover {color:#FF0000;}
div#navigace ul li:hover ul, div#navigace ul li:hover ul {display:block;} */
body div#navigace ul li ul li ul {display:none;}



</style>

</head>

<body>

<div id="navigace" class="konec_obtekani">
<ul>
<li><a href="Produkty/Vyrobky.php">Výrobky</a>
<ul class="vyrobky"> <!-- položky rozbalovací nabídky Výrobky -->
<li><a href="#">Vlajky</a></li>
<li><a href="#">Vlajkové stožáry</a></li>
<li><a href="#">Reklamní Billboardy</a></li>
<li><a href="#">Stolní praporky</a></li>
<li><a href="#">Stolní stojánky</a></li>
<li><a href="#">Easy displaye</a></li>
<li><a href="#">Vlajkové provazce</a></li>
</ul>
</li>
<li><a href="Produkty/Vyroba.php">Výroba</a>
<ul class="vyroba"> <!-- položky rozbalovací nabídky Výroba -->
<li><a href="#">Technologie tisku</a></li>
<li><a href="#">Materiály</a></li>
<li><a href="#">Konfekce</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
gaboš
Profil *
#2 · Zasláno: 19. 4. 2007, 21:05:28
Odpovědět Citovat
co tak dát pevný a namísto li? (nejsem žádnej profík :D )
Aleš Ulrych
Profil
#3 · Zasláno: 20. 4. 2007, 15:51:28
Odpovědět Citovat
Už jsem to vyřešil. Velikost prvku li jsem zrušil a místo ní nastavil stejnou velikost prvku a. Teď už mi to funguje jak má i v IE7
Kamil V
Profil
#4 · Zasláno: 20. 4. 2007, 20:41:40
Odpovědět Citovat
ale pak by mělo "a" mět nastaveno display:block, jinak se u něj nastavení šířky neprojeví (pokud se nevykreslí ve quirk módu)
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0