zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS-Popup Menu

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.10.2008, 17:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2008
Beiträge: 5
superspeedy befindet sich auf einem aufstrebenden Ast
Unglücklich CSS-Popup Menu

Hallo,

ich bin neu hier und habe ein Problem:
Ich verwende ein CSS-Popup-Menu, das beim IE7, Firefox und auch Safari problemlos funktioniert, nur beim IE6 klappt das Menu nicht auf, man sieht nur den Hauptpunkt.
Was kann man da machen?

Hier die CSS-Datei:
Code:
div#container { 
	width : 900px; 
	position : relative; 
	left : 15px; 
	margin : 0; 
	background : #b4db4e; 
	border : 0 solid #b9121b; 
	height : 25px; 
} 
 
ul#navigation-1 { 
	margin : 0; 
	padding : 0 0; 
	list-style : none; 
	width : 100%; 
	height : 21px; 
	border-top : 0 solid #ffffff; 
	border-right : 0 solid #ffffff; 
	font : normal 10pt verdana, arial, helvetica; 
} 
ul#navigation-1 li { 
	margin : 0; 
	padding-left : 0; 
	display : block; 
	float : left; 
	position : relative; 
	width : 140px; 
	
} 
ul#navigation-1 li a:link, ul#navigation-1 li a:visited { 
	padding : 4px 0; 
	display : block; 
	text-align : center; 
	text-decoration : none; 
	background : #b4db4e; 
	color : #5d7633; 
	width : 147px; 
	height : 13px; 
	border-right : 1px solid #92cb00; 
	border-left : 1px solid #92cb00; 
	font-weight : bolder; 
} 
ul#navigation-1 li:hover a, ul#navigation-1 li a:hover, ul#navigation-1 li a:active { 
	padding : 4px 0; 
	display : block; 
	text-align : center; 
	text-decoration : none; 
	background : #97d104; 
	color : #5d7633; 
	width : 146px; 
	height : 13px; 
	border-left : 1px solid #ffffff; 
	border-right : 1px solid #ffffff; 
} 
ul#navigation-1 li ul.navigation-2 { 
	margin : 0; 
	padding : 1px 1px 0; 
	list-style : none; 
	display : none; 
	background : #b4db4e; 
	width : 138px; 
	position : absolute; 
	top : 21px; 
	left : 0; 
	border : 1px solid #ffffff; 
	border-top : none; 
} 
ul#navigation-1 li:hover ul.navigation-2 { 
	display : block; 
} 
	ul#navigation-1 li ul.navigation-2 li { 
	width : 120px; 
	clear : left; 
	width : 120px; 
} 
ul#navigation-1 li ul.navigation-2 li a:link, ul#navigation-1 li ul.navigation-2 li a:visited { 
	clear : left; 
	background : #b4db4e; 
	padding : 4px 0; 
	width : 139px; 
	border : none; 
	border-bottom : 0 solid #ffffff; 
	position : relative; 

} 
ul#navigation-1 li ul.navigation-2 li:hover a, ul#navigation-1 li ul.navigation-2 li a:active, ul#navigation-1 li ul.navigation-2 li a:hover { 
	clear : left; 
	background : #97d104; 
	padding : 4px 0; 
	width : 139px; 
	border : none; 
	border-bottom : 0 solid #ffffff; 
	position : relative; 

} 
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 { 
	display : none; 
	margin : 0; 
	padding : 0; 
	list-style : none; 
	position : absolute; 
	left : 145px; 
	top : -2px; 
	padding : 1px 1px 0 1px; 
	border : 1px solid #b9121b; 
	border-left : 1px solid #b9121b; 
	background : #b4db4e; 

} 
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 { 
	display : block; 
} 
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited { 
	background : #b9121b; 
} 
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active { 
	background : #ec454e; 
} 
ul#navigation-1 li ul.navigation-2 li a span { 
	position : absolute; 
	top : 0; 
	left : 132px; 
	font-size : 12pt; 
	color : #fe676f; 
} 
ul#navigation-1 li ul.navigation-2 li:hover a span, ul#navigation-1 li ul.navigation-2 li a:hover span { 
	position : absolute; 
	top : 0; 
	left : 132px; 
	font-size : 12pt; 
	color : #ffffff; 
}
Hier das Menu, das mit Hilfe von PHP und include in die jeweilige Seite eingebunden wird.
Code:
<div id="container">
	<ul id="navigation-1">
		<li><a href="../index.php?id=1" title="Home">Home</a>
        	<ul class="navigation-2">
				<li><a href="../index.php?id=2" title="">Link 1</a></li>
				<li><a href="../index.php?id=4" title="">Link 2</a></li>
				<li><a href="../index.php?id=3" title="">Link 3</a></li>        
        	</ul>
        </li>
	</ul>
</div>
Kann mir hier jemand weiterhelfen?
Danke
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.10.2008, 17:36
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

faq .
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.10.2008, 15:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2008
Beiträge: 5
superspeedy befindet sich auf einem aufstrebenden Ast
Standard

Danke, das hat geholfen
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
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
CSS Menu - active Seite hervorheben celine70 CSS 2 20.12.2008 00:59
CSS Tips & Tricks Webnauts Ressourcen 0 26.08.2006 00:04
Popup Menu mit CSS quintie CSS 3 21.10.2004 19:30


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