Problem mit Frames und CSS

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 

Die Band

Musik

Technik

Termine

 
This is just a demo page…

html–> Frameset:

 eXperience DHTML coolFrameMenus

Hallo liebe leute!

hi

Bette ich die Seite nun mittels eines Frametags ein, streikt
der IE und erstellt keine dropdowns mehr.

der IE ist sowieso ein sonderfall…

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.

(ich bin kein fan von frames)
hast du einen entsprechenden doctype definiert?
wenn ja welchen?

Danke für eure Hilfe! Die Codes findet ihr unten.

lg niemand

ein Link zum Problem hilft häufig mehr als Codeteile :wink:

Gruß, der Rosslauer.de

ps:
infos über doctypes hier:
http://www.w3schools.com/tags/tag_doctype.asp

So. Hier ist der Link. (ihr könnts ja mal mit IE und Firefox versuchen und den unterschied feststellen)

www.major-c.du.vu

Naja! bei manchen Seiten ja bei manchen nein. Bei welcher datei wäre es denn wichtig? (frameset oder die eingebetetten seiten?)
Und wie müsste dieser definiert sein?

kannst dir ja mal den link anschauen major-c.de.vu

also Markus902,

hab mir Deine Seite mal mit aktuellem IE, FF, SM und Opera angeschaut und keine Probleme erkennen können. Möglicherweise hast sie ja schon beseitigt :wink:

Beim Inlineframe würde ich jedoch eher zu einer fixen Höhe tendieren auch wenn fast alle (außer IE) das iFrame in voller Höhe anzeigen.

Gruß, der Rosslauer

Bei welcher datei wäre es denn wichtig?

Bei allen!

2 Like

Moin,

mal abgesehen davon, dass das kein Link ist, sondern nur ein Domainname, komme ich da auf einer Suchseite an; ich habe das Gefühl, das ist nicht die, von der Du redest, oder?

Grüße,
-Efchen

Ja also ich hab jetzt festgestellt, dass es an den IE versionen 7 und abwärts liegt. die version 8 kann alles realisieren. was kann man da machen?

Versuch mal den Doctyp Deiner Seiten anzupassen

Vieleicht hilft es ja. Sonst fällt mir auf die schnelle auch nix ein :smile:

An den Anfang jeder Seite.

Gruß, der Rosslauer