hi leude,
habe ein kleines problem. mein navi ("topnavi") hat ein ausklappbares menü und den z-index 3. mein main-div hat den z-index 1. jedesmal wenn ich mit der maus im ausklappbaren menü die main-div-kante berühre kommt der main-div in den vordergrund und mein ausgeklappter bereich (in dem bsp. "cisco labs") verschwindet wieder. woran liegts? im Internet Explorer gehts komischerweise...
hier die codes.
die css für die seitengestaltung:
Code:
div#header
{
margin: 0 0 650 0;
position: absolute;
}
div#main
{
position: absolute;
margin: 130 0 0 0;
border-right-width: 4px;
border-right-style: double;
border-top-width: 4px;
border-top-style: solid;
border-color: #00A685;
width: 990px;
height: 420px;
font-family: arial, verdana, sans-serif;
z-index: 1;
}
div#footer
{
margin: 580 0 0 80px;
position: absolute;
font-family: arial, verdana, sans-serif;
font-size: 8pt;
font-weight: normal;
}
.headerimg
{
position: absolute;
margin: 30px 0 0 0;
}
.mainimg
{
position: absolute;
margin: 0 0 0 0;
float: left;
z-index: 2;
}
und hier der code für die topnavi gestaltung:
Code:
.topnavi
{
position: absolute;
margin: 80px 0 0 0;
font-size: 10pt;
font-family: arial, verdana, sans-serif;
z-index: 3;
}
a.auss
{
float: left;
width: 140px;
height: 19px;
overflow: hidden;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #00A685;
color: white;
border: 1px solid;
border-color: black;
}
a:hover.auss
{
overflow: visible;
background-color: #D7FFF7;
color:black;
}
a:hover.auss table
{
display: block;
background-color: #00A685;
color: black;
border: 1px solid;
border-color: black;
margin: 4px 0 0 0 ;
}
a.inn
{
width: 132px;
height: 18px;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #00A685;
color: white;
font-size: 10pt;
}
a:visited.inn
{
background-color: #00A685;
color: white;
font-size: 10pt;
}
a:hover.inn
{
background-color: #D7FFF7;
color: black;
font-size: 10pt;
}
span.menutag
{
cursor: default;
font-family: arial, verdana, sans-serif;
}
