Guten Tag Community,
hab folgendes Problem:Bei einem Menü welches beim "hover" nach rechts ein untermenü aufmacht verschwindet das Untermenü teilweise unter dem rest der seite, dies aber nur unter IE7. Steh grad ein wenig auf dem schlauch ob es evtl ein fehler in der "höhe" des untermenüs ist oder ob ich an der css rumschrauben sollte.
Ich bitte daher um ein wenig schützenhilfe eurerseits ^^
mfg Flo
Willkommen hier im Forum!
Was meinst du denn wie wir dir helfen können wenn du weder den entsprechenden Code-Snippet (HTML/CSS) bzw. einen Link zur Seite postest?
sry, siehst ja ist mein erster post ^^
hier nachträglich mal der css code für das menü:
#naviShade{
background-color:#transparent !important;
background-image:url(../img/grau-60.png) !important;
}
ul#nav,
ul#nav ul {
margin: 0;
padding: 0;
width: 225px; /* Width of Menu Items */
background: #fff; /* IE6 Bug */
color: black;
font-size: 100%;
}
ul#nav li {
position: relative;
list-style: none;
border-bottom: 1px solid #b5cee4; /* Menu Linie */
}
ul#nav li a {
display: block;
text-decoration: none;
color: #000; /* TEXT Normal */
padding: 5px;
border: 1px solid #FFF; /* Menu Rahmen */
border-bottom: 0;
}
ul#nav ul {
position: absolute;
display: none;
left: 224px; /* Set 1px less than menu width */
top: 0;
z-index:2; /* Sub Menu liegt �ber dem wrapper */
}
ul#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.over ul ul,
ul#nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.over ul,
ul#nav li li.over ul,
ul#nav li li li.over ul { display: block; } /* The magic */
ul#nav li ul li.menuparent { background: transparent url(right_gmenu_2.gif) right center no-repeat; }
ul#nav li.menuparent:hover,
ul#nav li.over {
background-color: #e5f1ff; /* MENU COLOR OVER WHERE EXIST SUBMENU*/
}
ul#nav li a:hover {
background-color: #e5f1ff; /* MENU COLOR OVER WHERE IS NO SUBMENU*/
color: #E2144A;
}
.nav2act {
font-weight: bold;
background:pink;
}
ul#nav li ul li a {
padding:5px 0px;
padding-left:10px;
}
ul#nav li ul li a:hover {
xbackground:#eee;
}