|
|||
Problem mit Menue + overflow + firefox
Hallo zusammen,
habe folgendes Problem, welches im FF und NN auftritt. Wenn ich mit der Maus im Menue auf die zweite Ebene gehen möchte verschwindet der Button wieder. Wenn ich #cont overflow:auto rausnehme, tritt der Effekt nicht auf. Das Menue stammt von A list Apart und funzt sonst problemlos. Der Code kann zum lokalen Probieren komplett kopiert werden. Gruß Bernd <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript"> <!-- 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> <STYLE type="text/css"> <!-- body { background-color:#ccdbb4; margin: 0 0 0 0; text-align:center; } body,table { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; } a {text-decoration: none;color:black} a:hover {text-decoration: underline} h1 {font-size:130%;text-align:center} h2 {font-size:120%} /* globaler Container */ #all { width:750px; margin:0px auto; text-align:left; background-color:white } #head { width:750px; } #nav, #cont { height:420px; } #nav { float:left; } /* eigentlicher Content */ #cont { width:600px; float:right; padding-right:3px; overflow:auto; overflow-x:hidden; } #footer { clear:right; width:750px; height:20px; border-top:2px solid #999966; border-bottom:2px solid #999966; text-align:center } ul { margin: 0; padding: 0; list-style: none; width: 140px; /* Width of Menu Items */ background-color:#cccccc; } ul li { position: relative; line-height:30px; text-indent:5px; background-image:url(../pics/hline.gif); } li ul { position: absolute; left: 139px; /* Set 1px less than menu width */ top: 0; display: none; } /* Styles for Menu Items */ ul li a { display: block; text-decoration: none; } /* Holly Hack. IE Requirement \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */ li:hover ul, li.over ul { display: block; } /* The magic */ #vorschau { position:absolute; top:50px; left:10px; width:100px; height:20px; background-color:#999966; } #blind, .stand { display:none; } --> </STYLE> <title>Test</title> </head> <body> <div id="all"> [img]bilder/oben.gif[/img] <ul id="nav"> [*]Startseite [*]Bürgerservice [*]Mitgliedsgemeinden <ul> [*]Zethlingen [/list] [*]Einrichtungen [*]Veranstaltungen [*]Kontakt [*]Impressum[/list] <div id="cont"> Hier steht der Content drin </div> <div id="footer"> <span class="stand">| Standardversion</span><span class="text"> | Textversion</span><span class="druck"> | Druckversion |</span> </div> </div> </body> </html> |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Firefox Problem | richidenn | CSS | 1 | 01.11.2010 16:30 |
[CSS] Firefox Problem | recreation-studios | CSS | 5 | 21.06.2007 22:31 |
Problem mit Firefox: erzeugt ungewollten Abstand (margin oder padding) | braindead | CSS | 6 | 07.09.2006 20:34 |
Problem Scrollbalken Firefox | andreak | CSS | 2 | 26.04.2006 21:25 |
[GELÖST] Firefox 1.0.6 Problem mit Hintergrund! | mar123 | (X)HTML | 0 | 15.04.2006 18:45 |