|
|||
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; } 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> 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> |
Sponsored Links |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |