Hallo liebe leute!
Ich habe hier ein CSS-Sheet, welches ein horizontales dropdownmenü erzeugen soll. Verwende ich die Seite einzeln, zeigen sowohl Firefox als auch IE das menü an.
Bette ich die Seite nun mittels eines Frametags ein, streikt der IE und erstellt keine dropdowns mehr.
Hatte schon vermutet, dass der i-frame-Tag in html das Problem ist. Scheint er aber nicht zu sein, da es ja erst ab dem einbetten in das Frameset nicht mehr funktioniert.
Danke für eure Hilfe! Die Codes findet ihr unten.
CSS:
@charset "utf-8";
/\* CSS Document \*/
body {
background-color: #000000;
/\* for pull-down menu to work in IE6\*/
behavior:url("csshover2.htc");
}
/\* pull-down mainmenu css \*/
.mainmenu{
float: left;
width: 100%;
padding: 0;
}
.mainmenu ul {
float: left;
width: 100%;
list-style: none;
line-height: 1;
color:#FFFFFF;
background: #000000;
padding: 0;
border: solid #B90000;
border-width: 1px 0;
margin: 0 0 1em 0;
}
.mainmenu a, .mainmenu a:visited {
display: block;
font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bolder;font-style:normal;text-decoration:none;
color: #FFFFFF;
text-decoration: none;
padding: 1em 1em;
}
.mainmenu ul ul a{
width:100%;
height:100%;
}
.mainmenu ul a{
width:1%;
}
.mainmenu li {
float: left;
margin:0;
padding:0;
}
.mainmenu ul li {float:left; position:relative; }
.mainmenu ul li a {white-space:nowrap;}
.mainmenu li ul {
position: absolute;
left: -999em;
height: auto;
width:15em;
background: #000000;
font-weight: normal;
border-width: 1px;
margin: 0;
}
.mainmenu li li {
width:15em ;
}
.mainmenu li li a{
width:13em ;
}
.mainmenu li ul {
margin: 0;
}
.mainmenu li ul ul {
margin: -2.8em 0 0 13.5em;
}
.ul\_ch,
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
left: auto;
}
.mainmenu li:hover\>ul.ul\_ch
{
left: auto;
}
.mainmenu li:hover{
background: #000000;
}
.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
color:#CC0000;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a,
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited,
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
color:#FFFFFF;
}
.mainmenu li li:hover, .mainmenu li li li:hover,
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover
{
background: #000000;
z-index:9999;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a,
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
color: #B90000;
}
.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
color: #FFFFFF;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
color: #B90000;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
color: #FFFFFF;
}
/\* end of mainmenu css \*/
html:
CSS DropDown Menu
-
Bilder
This is just a demo page…
html–> Frameset:
eXperience DHTML coolFrameMenus