zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit DropDown im IE7

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.09.2008, 12:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.09.2008
Beiträge: 1
mario-no befindet sich auf einem aufstrebenden Ast
Standard Problem mit DropDown im IE7

hallo leute!

also ich bin am verzweifeln... versuche seit mehreren tagen ein css basiertes dropdown menü zu basteln.

mittlerweile bin ich soweit das mein menü im firefox, ie6 und safari perfekt ist! nur der ie7 macht probleme! ich schaffe es nicht das die untermenüs wie in den anderen browsern auch unter den hauptpunkten stehen. siehe bild



ich bin mir ziemlich sicher, dass es irgendetwas mit den z-index zu tun hat.

mein css:
Code:
#top_menu {
margin-top:50px;
padding-left:10px;
padding-bottom:0px;
float:left;
text-align:left;
color:#333333;
}

.moduletable_topmenu ul {
	position:absolute;
	z-index:1;
	list-style: none;
	padding: 0px;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#nav a {
	font-weight: bold;
	color: black;
}

#nav a {
	text-decoration: none;
}

#nav li li a {
	z-index:1000;
	display: block;
	font-weight: normal;
	background:#FFFFFF;
	color:#000000;
	padding-top: 5px;
	padding-bottom: 5px;
    border-bottom: 1px solid #333333;
	width:160px;
}

#nav li li a:hover {
	font-weight:bold;
	border-width: 0 5px;
	border-bottom: 1px solid #333333;
}

.moduletable_topmenu li {
	float: left;
	position: relative;
	margin: 0px 8px 0px 0px;
    float: left;
	cursor: default;
	background-color: white;
}

.moduletable_topmenu li#first {
	border-left-width: 1em;
}

.moduletable_topmenu li#last {
	border-right-width: 1em;
}

.moduletable_topmenu li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
}

.moduletable_topmenu li>ul {
	top: auto;
	left: auto;
}

.moduletable_topmenu li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

.moduletable_topmenu li:hover ul, li.over ul {
	display: block;
}
ich verwende auch ein javascript:

Code:
<script type="text/javascript"><!--//--><![CDATA[//><!--

startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("nav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}
window.onload=startList;

//--><!]]></script>
mein menü:

Code:
<div id="top">
	<div id="date">Amstetten, 30.09.08 - 11:17</div>
	<div id="top_menu">
    			<div class="moduletable_topmenu">
					<ul class="menu_topmenu" id="nav"><li class="parent active item6"><a href="#"><span>INFO</span></a><ul><li class="item91"><a href="/2010/index.php/info/amstetten-2010"><span>Amstetten 2010+</span></a></li><li id="current" class="active item55"><a href="http://www.erhart.biz/2010/"><span>News</span></a></li><li class="item54"><a href="/2010/index.php/info/presse"><span>Pressemitteilungen</span></a></li><li class="item53"><a href="/2010/index.php/info/galerie"><span>Fotogalerie</span></a></li><li class="item83"><a href="/2010/index.php/info/innovativste-gemeinde"><span>Innovativste Gemeinde</span></a></li></ul></li><li class="parent item33"><a href="#"><span>EINLADUNG</span></a><ul><li class="item92"><a href="/2010/index.php/einladung/oekotourismus"><span>Ökotourismus</span></a></li><li class="item58"><a href="/2010/index.php/einladung/aktuelles"><span>Aktuelles</span></a></li><li class="item59"><a href="/2010/index.php/einladung/exkursion"><span>Führung/Exkursion</span></a></li><li class="item61"><a href="/2010/index.php/einladung/workshopsseminare"><span>Workshops/Seminare</span></a></li><li class="item87"><a href="/2010/index.php/einladung/lehrgaenge"><span>Lehrgänge</span></a></li><li class="item88"><a href="/2010/index.php/einladung/green-academy"><span>Ökoenergie-Meile</span></a></li></ul></li><li class="parent item7"><a href="#"><span>PARTNERSCHAFT</span></a><ul><li class="item51"><a href="/2010/index.php/partnerschaft/amstetten"><span>Gemeinde Amstetten</span></a></li><li class="item62"><a href="/2010/index.php/partnerschaft/projektpartner"><span>Projektpartner</span></a></li></ul></li><li class="parent item34"><a href="/2010/index.php/downloads"><span>DOWNLOADS</span></a></li><li class="item9"><a href="/2010/index.php/kontakt"><span>KONTAKT</span></a></li><li class="item90"><a href="/2010/index.php/home"><span>HOME</span></a></li></ul>		</div>
	
    </div>
danke im voraus!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.09.2008, 12:50
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

Poste mal einen Link (siehe meine Sign.). Aber ich schätze, der Fehler liegt hier:

Code:
.moduletable_topmenu li>ul {
	top: auto;
	left: auto;
}
Das versteht der IE 7, aber er braucht die Offsets.

EDIT: Jetzt habe ich's doch mal zusammengebaut, und wie gesagt, genannte Regel ist verantwortlich. Ich würde sie löschen, und ebenfalls top und left aus der vorigen (denn das macht alten Geckos und Operas Probleme), und diese dann in ein separates IE-CSS schreiben (Stichwort "Conditional Comments").
__________________
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.)

Geändert von heiko_rs (30.09.2008 um 13:08 Uhr)
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
Tabelle Problem Firefox vs. IE7 FeriX CSS 7 30.06.2009 15:36
Problem mit Navigation im IE7 onkel-tom CSS 5 19.06.2009 15:00
IE7 > Problem mit Abstand Kirladu CSS 1 16.05.2009 12:27
Performance Problem im IE7 in Zusammenhang mit CSS RouL CSS 2 30.07.2007 12:36
Problem mit Menü Navi im IE6 und IE7 paul79 CSS 7 17.08.2006 19:03


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:38 Uhr.