Am o problema la meniu, submeniurile nu se vad, doar daca dau o anumita inaltime la header. Altfel nu imi ies sub header.
html
Cod: Selectaţi tot
<div class="header">
<div class="header-resize">
<div class="clr"></div>
<div class="logo"><h1><a href="index.html"><img src="images/logo.png" width="100%" height="auto"/></a></h1></div>
<div class="clr"></div>
<div class="menu_nav">
<ul id="meniu">
<li class="active"> <a href="index.html">Acasa</a> </li>
<li> <a href="#">Companie ▾</a>
<ul>
<li> <a href="#">Istoric</a> </li>
<li> <a href="#">Parteneri</a> </li>
</ul>
</li>
<li> <a href="#">Productie ▾</a>
<ul>
<li> <a href="#">Folii</a> </li>
<li> <a href="#">Stoc</a> </li>
</ul>
</li>
<li> <a href="#">Laborator</a> </li>
<li> <a href="#">Imagini</a> </li>
<li> <a href="#">Contact</a> </li>
</ul>
</div>
</div>
</div>
css
Cod: Selectaţi tot
#meniu {
list-style: none;
margin: 0px auto;
padding: 0;
font-size: 14px;
float: left;
position: relative
}
#meniu li
{
float: left;
position: relative;
}
#meniu li a
{
display: block;
padding: 10px;
text-decoration: none;
color: #fff;
text-transform: uppercase;
}
#meniu li:hover a
{
background:url(images/hover.jpg);
color: #fff;
}
#meniu li.active
{
background:url(images/active.jpg) repeat-x;
}
#meniu ul
{
display: none;
}
#meniu li:hover ul
{
display: block;
}
#meniu ul
{
float: none;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
top: 15px;
left: 0;
background:none;
}
#meniu ul li
{
float: left;
clear: none;
margin: 0;
padding: 0;
min-width: 150px;
color: #000;
}
#meniu li:hover ul li a
{
line-height: 100%;
display: block;
padding: 0 6px 0 0;
float: none;
color: #000;
background:none;
}
#meniu li:hover ul li a:hover,
#meniu ul li a:hover
{
background: none;
color: #fff;
}
#meniu li:hover ul li a,
#meniu ul li a
{
line-height: 190%;
}
#meniu ul
{
top: 2.9em;
z-index:10;
}