kczimenga
Threadersteller
Dabei seit: 11.12.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 10.12.2009 15:18
Titel IE 8 macht Probleme beim Aufklappmenü |
|
|
Ich bin schon am verzweifeln. Ich habe mit Dreamweaver ein Aufklappmenü zusammengebastelt. Es basiert auf javascript, der Rest wird über css gestylt. In allen Browsern funzt es einwandfrei nur der IE 8 (vielleicht auch andere Versionen) macht Probleme beim Aufklappemenü. Ich komme einfach nicht dahinter. Ich habe schon alles Mögliche durchprobiert. Hier der Link zu der Seite:
http://www.vtc24.de/entwurf
Bitte über das Menü "Produkte[/code] unserer Kunden" fahren. Und hier noch die css:
Code: |
ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
cursor: default;
width: auto;
list-style-type: none;
}
ul.MenuBarActive
{
z-index: 1000;
}
ul.MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: pointer;
width: auto;
float: right;
position: relative;
}
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
z-index: 1020;
cursor: default;
width: auto;
position: absolute;
left: -1000px;
}
{
position: absolute;
left: auto;
}
ul.MenuBarHorizontal a.hauptmenue {
cursor: pointer;
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
padding-top: 0.25em;
padding-right: 0.35em;
padding-bottom: 0.5em;
padding-left: 0.35em;
display: block;
}
ul.MenuBarHorizontal a.hauptmenue:hover {
cursor: pointer;
color: #FBE672;
text-decoration: none;
}
ul.MenuBarHorizontal a.untermenue {
cursor: pointer;
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
padding-top: 0.25em;
padding-right: 0.35em;
padding-bottom: 0.5em;
padding-left: 0.65em;
background-color: #021830;
text-align: left;
width: 180px;
display: block;
}
ul.MenuBarHorizontal a.untermenue:hover {
cursor: pointer;
color: #F9E56B;
text-align: left;
}
/*******************************************************************************
BROWSER HACKS: the hacks below should not be changed unless you are an expert
*******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
f\loat: right;
background-color: #021830;
position: relative;
}
} |
Ich hoffe inständig, dass jemand eine Idee für mich hat. Vielen lieben Dank!
K.
|
|