05-02-2010, 06:06
Witam
To menu nie dziala w ie6. Mam problem z tym. przedstawie moje menu. Pomoze ktos poprawic? W firefoxie i operze dziala ok, a w IE juz nie.
__________________CSS____________________________
#menu {
position: relative; z-index: 2; top: 0px; right: 1px; bottom: 0px; left: 0px;
list-style-type: none;
}
#menu ul {
list-style-type: none;
}
#menu li {
float: left;
}
#menu li li {
float: none;
}
#menu li a {
display: block;
width: 127px;
text-align: center;
background-color: blue;
background-repeat: no-repeat;
color: black;
padding: 3px 0px;
text-decoration: underline;
}
#menu li a:hover {
background-color: blue;
background-repeat: no-repeat;
color: black;
text-decoration: none;
}
#menu li ul {
position: absolute;
height: 1px;
overflow: hidden;
}
#menu li:hover ul {
height: 150px;
}
.przerwa {
height: 1px;
}
__________________HTML____________________________
<ul id="menu">
<li><a href="">Aktualnosci</a>
<ul class="one">
<div class="przerwa"></div>
<li><a href="">xxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">nnnnn</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxxx</a></li>
</ul>
</li>
<li><a href="">Aktualnosci</a>
<ul class="one">
<div class="przerwa"></div>
<li><a href="">xxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">nnnnn</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxxx</a></li>
</ul>
</li>
<li><a href="">Aktualnosci</a>
<ul class="one">
<div class="przerwa"></div>
<li><a href="">xxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">nnnnn</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxxx</a></li>
</ul>
</li>
<li><a href="">Aktualnosci</a>
<ul class="one">
<div class="przerwa"></div>
<li><a href="">xxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">nnnnn</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxxx</a></li>
</ul>
</li>
<li><a href="">Aktualnosci</a>
<ul class="one">
<div class="przerwa"></div>
<li><a href="">xxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">nnnnn</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxxx</a></li>
</ul>
</li>
</ul>
Z gory dzieki za pomoc. Najlepij odpisac na maila: [email protected]
To menu nie dziala w ie6. Mam problem z tym. przedstawie moje menu. Pomoze ktos poprawic? W firefoxie i operze dziala ok, a w IE juz nie.
__________________CSS____________________________
#menu {
position: relative; z-index: 2; top: 0px; right: 1px; bottom: 0px; left: 0px;
list-style-type: none;
}
#menu ul {
list-style-type: none;
}
#menu li {
float: left;
}
#menu li li {
float: none;
}
#menu li a {
display: block;
width: 127px;
text-align: center;
background-color: blue;
background-repeat: no-repeat;
color: black;
padding: 3px 0px;
text-decoration: underline;
}
#menu li a:hover {
background-color: blue;
background-repeat: no-repeat;
color: black;
text-decoration: none;
}
#menu li ul {
position: absolute;
height: 1px;
overflow: hidden;
}
#menu li:hover ul {
height: 150px;
}
.przerwa {
height: 1px;
}
__________________HTML____________________________
<ul id="menu">
<li><a href="">Aktualnosci</a>
<ul class="one">
<div class="przerwa"></div>
<li><a href="">xxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">nnnnn</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxxx</a></li>
</ul>
</li>
<li><a href="">Aktualnosci</a>
<ul class="one">
<div class="przerwa"></div>
<li><a href="">xxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">nnnnn</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxxx</a></li>
</ul>
</li>
<li><a href="">Aktualnosci</a>
<ul class="one">
<div class="przerwa"></div>
<li><a href="">xxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">nnnnn</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxxx</a></li>
</ul>
</li>
<li><a href="">Aktualnosci</a>
<ul class="one">
<div class="przerwa"></div>
<li><a href="">xxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">nnnnn</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxxx</a></li>
</ul>
</li>
<li><a href="">Aktualnosci</a>
<ul class="one">
<div class="przerwa"></div>
<li><a href="">xxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">nnnnn</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxx</a></li>
<div class="przerwa"></div>
<li><a href="">xxxxxx</a></li>
</ul>
</li>
</ul>
Z gory dzieki za pomoc. Najlepij odpisac na maila: [email protected]