zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE 6 - Unternavigation erscheint nicht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.04.2009, 15:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.04.2009
Beiträge: 1
cssman befindet sich auf einem aufstrebenden Ast
Standard IE 6 - Unternavigation erscheint nicht

Hallo,

ich hoffe ihr könnt mir weiter helfen, weil ich
im Moment keine Lösung finde.

Und zwar schaffe ich es nicht das mir der IE 6 die
Unternavigation anzeigt.

Die Probleme tauchen wegen dem " left: -9999px; (bei /* untermenue */#nav li ul )
und " left: auto;" (bei /* untermenue */ #nav li:hover ul) auf.

Wär toll, wenn ihr eine Lösung für mich hättet.

Danke.

HTML-Code:

Code:
<div id="nav">
<div>

<ul>			
	
	<li id="n-unter"><a href="#" title="#" class="unternehmen_a">Menuepunkt 1</a>
		<ul>
		   	<li><a href="#" title="#">Link 1</a></li>
				<li><a href="#" title="#">Link 2</a></li>
				<li><a href="#" title="#">Link 3</a></li>
				<li><a href="#" title="#">Link 4</a></li>
				<li><a href="#" title="#">Link 5</a></li>
		</ul>
	</li>
<li id="n-neu"><a href="#" title="#">Menuepunkt 2</a>
<ul>
		   	<li><a href="#" title="#">Link 1</a></li>
				<li><a href="#" title="#">Link 2</a></li>
				<li><a href="#" title="#">Link 3</a></li>
				<li><a href="#" title="#">Link 4</a></li>
				<li><a href="#" title="#">Link 5</a></li>
		</ul>
	</li>
<li id="n-der"><a href="#" title="#">Menuepunkt 3</a>
<ul>
		   	<li><a href="#" title="#">Link 1</a></li>
				<li><a href="#" title="#">Link 2</a></li>
				<li><a href="#" title="#">Link 3</a></li>
				<li><a href="#" title="#">Link 4</a></li>
				<li><a href="#" title="#">Link 5</a></li>
		</ul>
	</li>
<li id="n-akt"><a href="#" title="#">Menuepunkt 4</a>
<ul>
		   	<li><a href="#" title="#">Link 1</a></li>
				<li><a href="#" title="#">Link 2</a></li>
				<li><a href="#" title="#">Link 3</a></li>
				<li><a href="#" title="#">Link 4</a></li>
				<li><a href="#" title="#">Link 5</a></li>
		</ul>
	</li>
</ul>
</div>
</div>
Das CSS:

Code:
#nav {
	height: 34px;
	position: absolute;	
	left:0px;
	top: 90px;
	width:795px;
	z-index: 30;
  border-bottom: 2px #000 solid;
}

                                                                    

#nav div {
	margin: 8px 0px 0px 0px; 
	  list-style-type: none;
}

#nav ul {
	height: 34px;
	position: absolute;
	width: 795x;
	z-index:31;
}

#nav li {
	float: left;
	height: 34px;
  list-style-type: none;
}

#nav a {
	text-decoration: none; 
	}


#n-unter a,
#n-neu a,
#n-der a,
#n-akt a

 {
	 font-family: Arial, Verdana, sans-serif;
	 font-weight:bold;
	 font-size: 14px;
	 color:#505b5d;
	 padding: 5px 15px 5px 15px;
	 display: block;
	 border-right: 1px #bdbdbd solid;
	}
	
	
	
	



	
/* rahmenfarben unten */	 
#n-unter a { 
	 border-bottom: 2px #da2836 solid;
}
#n-neu a { 
	 border-bottom: 2px #f59b45 solid;
}
#n-der a { 
	 border-bottom: 2px #0096d3 solid;
}
#n-akt a { 
	 border-bottom: 2px #958e7e solid;
}


/* hintergrund / Untermenue hover */	
#nav #n-unter a:hover,
#nav .unter_a
 {
	background: #da2836;
	color: #fff;
}
#nav #n-neu a:hover,
#nav .neu_a
 {
	background: #f59b45; 
	color: #fff;
}
#nav #n-der a:hover,
#nav .der_a
 {
	background: #0096d3;  
	color: #fff;                                                                                                                                                            
}
#nav #n-akt a:hover,
#nav .akt_a
 {
	background: #958e7e;
	color: #fff;
}

/* untermenue */

#nav li ul {
	height: auto;
	left: -9999px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #fff;
	position: absolute;
	top:28px;
	z-index: 31;
}



#nav li li {
	margin-top:0px;
}

#nav li:hover ul {
	left: auto;
  display: block; 
}

#nav li ul li,
#nav li ul li a {
	height: auto;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#nav li:hover ul li a,
#nav li ul li a {
	display: block;
	font-size: 12px;
	line-height:14px;
	padding: 5px 5px 5px 5px;
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-weight:normal;
	border-bottom: 1px #fff solid;
}

#nav ul li ul {
	margin-top: 3px; 
}

#nav li ul,
#nav li ul li {
	width: 150px;
}


/* hintergrund untermenue */

#n-unter ul li a{
	 background: #f5b7bb;
}
#n-neu ul li a {
	 background: #f5c597;
}
#n-der ul li a{
	 background: #9bdcf6;
}
#n-akt ul li a {
	 background: #d2ccc0;
}


/* hintergrund Menue, wenn untermenue aktiv */


#nav a:hover,
#nav li:hover a,
#nav li.mnhover a {
	background: #ccc; !important;
}
Angehängte Dateien
Dateityp: zip navi.zip (17,1 KB, 3x aufgerufen)

Geändert von cssman (06.04.2009 um 12:11 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.04.2009, 17:48
Benutzerbild von emti
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 03.06.2008
Ort: 23816 Groß Niendorf
Beiträge: 700
emti sorgt für eine eindrucksvolle Atmosphäreemti sorgt für eine eindrucksvolle Atmosphäre
Standard

http://xhtmlforum.de/40080-f-r-frage...twortende.html
__________________
Gruß Michael
SketchAtomTransmit
Mit Zitat antworten
Sponsored Links
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
Automatische Unternavigation DarkDecipio CSS 1 19.05.2011 14:38
Formular: Dankeseite erscheint nicht White Raven (X)HTML 3 26.09.2010 18:23
Weiße Schrift erscheint auf rotem Hintergrund unscharf Bartender CSS 3 20.08.2007 21:33
Tabelle erscheint innerhalb eines DIVs FBI CSS 1 27.06.2007 02:39
Haupt- und Unternavigation??? Juergen CSS 3 08.10.2004 13:52


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:01 Uhr.