zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS-Navigation - Problem mit IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.05.2007, 02:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.05.2007
Beiträge: 3
cihan befindet sich auf einem aufstrebenden Ast
Standard CSS-Navigation - Problem mit IE

Hallo erstmal,
hoffe, man kann mir hier helfen Habe ein Problem mit meiner Navigationsleiste, welche reines CSS ist. In Firefox und Opera funktioniert es genau so, wie es funktionieren soll, nur funktioniert es nicht in Internet Explorer ... Das hat wohl was mit "haslayout" zu tun, wie ich hier erfahren habe, nur es scheint ein komplexes Thema zu sein und ich stecke gerade in Klausurstress und habe momentan nicht die Zeit, mir das genauer anzuschauen... Habe aber bereits versucht, scheitert aber irgendwie...

Habe z.B. position:relative oder position:absolute drin, was wohl die Fehler mit IE verursacht... Wie man das jetzt behebt, habe ich nicht ganz durchgeblickt und hoffe, ihr könnt mir helfen

meine Seite: HIER

und mein dazu gehöriges CSS:

Zitat:
/* common styling */
.menu2 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px; border-top:0px solid #c00;

}
.menu2 ul {
padding:0;margin:0;list-style-type:none;
background:#ffffff url(../images/navi/bg_menutitle.gif) repeat-x;

}
.menu2 ul li {
float:left; position:relative;
background:#ffffff url(../images/navi/bg_menutitle.gif) repeat-x;
}

.menu2 ul li.group {display:block; text-indent:5px; background:#ffffff; color:#296C8D; width:172px; padding:0px 0;}

.menu2 ul li a, .menu2 ul li a:visited {
float:left; display:block; text-decoration:none; color:#296C8D; padding:0px 10px; line-height:18px; height:18px;
}

.menu2 ul li:hover {width:auto; background:#ffffff ;
}

.menu2 ul li a:hover {background: url(../images/navi/bg_menutitle_on.gif) repeat-x; color:#296C8D; line-height:18px; height:18px;}

.menu2 ul li:hover a {background: url(../images/navi/bg_menutitle_on.gif) repeat-x; repeat-x; color:#296C8D; line-height:18px; height:18px;}

.menu2 ul li ul {
display: none; background:#ffffff url(../images/navi/bg_menutitle.gif) repeat-x;
}
.menu2 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0; background:#ffffff url(../images/navi/bg_menutitle.gif) repeat-x;

}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
display:block; position:absolute;top:17px; background:#ffffff; margin-top:0px; left:0; width:172px;
background:#808080 url(../images/navi/bg_menutitle.gif) repeat-x;
}


.menu2 ul li:hover ul.endstop {
background:#ffffff url(../images/navi/bg_menutitle.gif) repeat-x;
left:-15px; width:100px;
}
.menu2 ul li:hover ul li ul {
display: none; background:#ffffff url(../images/navi/bg_menutitle_on.gif) repeat-x;
}
.menu2 ul li:hover ul li a {
color:#296C8D;height:auto;line-height:13px; padding:4px 16px; width:140px; background:#ffffff url(../images/navi/bg_menutitle.gif) repeat-x;
}
.menu2 ul li:hover ul li a.drop {
background:#ffffff; background:#ffffff url(../images/navi/bg_menutitle2.gif) repeat-x;
}
.menu2 ul li:hover ul li a:hover {
color:#296C8D; background:#ffffff url(../images/navi/bg_menutitle_on.gif) repeat-x;
}
.menu2 ul li:hover ul li a:hover.drop {
background:#ffffff url(../images/navi/bg_menutitle_on.gif) repeat-x; color:#296C8D;
}
.menu2 ul li:hover ul li:hover ul {
background:#ffffff url(../images/navi/bg_menutitle.gif) repeat-x;
display:block; position:absolute; left:172px; top:0px; color:#296C8D; left:172px; height:auto; width:172px; overflow:auto; background:#ffffff;
}
.menu2 ul li:hover ul li:hover ul li a {background:#ffffff;
background:#ffffff url(../images/navi/bg_menutitle.gif) repeat-x;}
.menu2 ul li:hover ul li:hover ul li.group {width:172px; padding:50px 0;
background:#ffffff; }


.menu2 ul li:hover ul li:hover ul.left {
left:-172px; background:#888888 url(../images/navi/bg_menutitle.gif) repeat-x;
}
.menu2 ul li:hover ul li:hover ul li a:hover {color:#296C8D; background:#ffffff url(../images/navi/bg_menutitle_on.gif) repeat-x;}


/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {
display:block;position:absolute;top:0px; t\op:17px; background:#ffffff;left:0; marg\in-top:0px; background:#ffffff url(../images/navi/bg_menutitle.gif) repeat-x;
}

.menu2 ul li a:hover ul.endstop {
background:#ffffff;
left:-15px; width:100px;
}
.menu2 ul li a:hover ul li a {
display:block; color:#296C8D; height:0px; line-height:13px; padding:4px 16px; width:172px; w\idth:172px; background:#ffffff url(../images/navi/bg_menutitle.gif) repeat-x;
}
.menu2 ul li a:hover ul li a.drop {
background:#ffffff; background:#ffffff url(../images/navi/bg_menutitle2.gif) repeat-x;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0; background:#ffffff url(../images/navi/bg_menutitle_on.gif) repeat-x;
}
.menu2 ul li a:hover ul li a:hover {
color:#296C8D; background:#ffffff url(../images/navi/bg_menutitle_on.gif) repeat-x;
}
.menu2 ul li a:hover ul li a:hover.drop {
background:#ffffff url(../images/navi/bg_menutitle_on.gif) repeat-x; color:#296C8D;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; toppx; t\oppx; color:#296C8D; left:172px; height:auto; width:172px; overflow:auto; background:#ffffff url(../images/navi/bg_menutitle_on.gif) repeat-x;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px; background:#ffffff url(../images/navi/bg_menutitle.gif) repeat-x;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {../images/navi/background:#ffffff url(bg_menutitle_on.gif) repeat-x; color:#296C8D;}

.left {clear:both;}
Schonmal danke im voraus
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.05.2007, 09:29
firehorse
Gast
 
Beiträge: n/a
Standard IE? 5.01,5.500,6.x,7.x

Welcher und was ist mit deiner Seite?
Beim mir unter FF erscheint nichts...

Zitat:
.........
.menu2 ul li a:hover ul li a {
display:block; color:#296C8D; height:0px; line-height:13px; padding:4px 16px; width:172px; w\idth:172px; background:#ffffff url(../images/navi/bg_menutitle.gif) repeat-x;
}
.menu2 ul li a:hover ul li a.drop {
background:#ffffff; background:#ffffff url(../images/navi/bg_menutitle2.gif) repeat-x;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0; background:#ffffff url(../images/navi/bg_menutitle_on.gif) repeat-x;
}
.menu2 ul li a:hover ul li a:hover {
color:#296C8D; background:#ffffff url(../images/navi/bg_menutitle_on.gif) repeat-x;
}
.menu2 ul li a:hover ul li a:hover.drop {
background:#ffffff url(../images/navi/bg_menutitle_on.gif) repeat-x; color:#296C8D;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; toppx; t\oppx; color:#296C8D; left:172px; height:auto; width:172px; overflow:auto; background:#ffffff url(../images/navi/bg_menutitle_on.gif) repeat-x;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px; background:#ffffff url(../images/navi/bg_menutitle.gif) repeat-x;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {..............

Sehr gewagt, findest nicht? Wenn ich mch auf die schnelle recht entsinne dann müsste es eigentlich so ausschauen (Bspw. letzte Zeile)


Code:
.menu2 ul li a:hover,
.menu2 ul li a:hover,
.menu2 ul li a:hover {...}
Und wenn du mir jetzt auch noch den Sinn verräten würdest, dann wäre ich dir dankbar...


Schau mal hier, vllt. kannste damit etwas anfangen:
http://xhtmlforum.de/43823-imagemap-...luecken-2.html

unten!!

bye
firehorse
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.05.2007, 15:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.05.2007
Beiträge: 3
cihan befindet sich auf einem aufstrebenden Ast
Standard

Hallo firehorse,
danke erstmal für die Antwort

Zitat:
Welcher und was ist mit deiner Seite?
Beim mir unter FF erscheint nichts...
Also meine Seite hat schon immer unter FF funktioniert und tut es noch immer verstehe aber nicht, warum die Verlinkung von hier aus nicht funktioniert kannst dir hier anschauen: Kurdmania.com ...

Zitat:
Und wenn du mir jetzt auch noch den Sinn verräten würdest, dann wäre ich dir dankbar...
Ehrlich gesagt, verstehe ich gerade nicht, was du hiermit meinst... Es geht also um Folgendes: Mein Navigationsleiste unter dem Logo funktioniert in Firefox und Opera genau so, wie es funktionieren soll, aber es funktioniert nicht unter IE ... Unter IE will das Menu nicht aufklappen... Das ist mein Problem Also wie kriege ich hin, dass mein Navigationsmenu auch unter IE so aufklappt wie unter Firefox und Opera?

Für weitere Tipps und Vorschläge wäre ich dankbar
Mit Zitat antworten
  #4 (permalink)  
Alt 25.05.2007, 17:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.05.2007
Beiträge: 3
cihan befindet sich auf einem aufstrebenden Ast
Standard

Hallo

hat niemand eine Idee, warum mein Navigationsmenü nicht unter IE aufklappt? Mit Firefox und Opera funktioniert es
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Navigation Problem mit activem Button clister CSS 2 19.02.2010 13:13
Problem mit CSS background-image: nordseeinsel CSS 9 06.10.2009 22:01
erste seite mit css, problem.... carpital CSS 1 09.09.2009 18:25
Problem mit Navigation in css Layout INTERAKT!V CSS 22 01.06.2007 14:34
css ul navigation problem mit vererbung stehlampe CSS 2 10.04.2006 18:11


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:46 Uhr.