Hallo,
kann mir jemand sagen, warum mein CSS Menü zwar ausserhalb der Web funktioniert, sobald ich es aber einbinde, nicht mehr?
Menü alleine:
http://kessler-creativdesign.de/neu/menu/menu.html
Menü eingebunden:
http://kessler-creativdesign.de/neu/lacanche.html
Ausserdem blendet's mir das Untermenü immer direkt aus, sobald ich mit der Mouse runter gehe (padding 10px), aber auch nur im IE
Danke für eure Hilfe
Sorry... abersoweit ich dein Quelltext grad ganz kurz angeschaut habe, ist das keine CSS Frage!
Du nutzt ein Menue von DW, was mit JavaScript gebaut ist. Also wird auch dirt der Fehler sein.
Mein Tipp: Nimm ein wirkliches CSS Menue! http://www.cssplay.co.uk/menus/
the0bone
Wissen ist Macht, nichts Wissen macht nichts! Doch auch auch wenn man es nicht besser weiss, sollte man beim Erstellen einer Webseite auf Frames und Tabellen verzichten.
Also das ist schon ein reines CSS Menü.
Der Code des Menüs an sich:
…und das CSS:HTML-Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Reines CSS Menü</title> <link href="menu.css" rel="stylesheet" type="text/css"> </head> <body> <ul id="Navigation"> <li><a href="#Beispiel">Broschüren</a> <ul> <li><a href="#Beispiel">Lacanche </a></li> <li><a href="#Beispiel"> Énergies & Ressources</a></li> </ul></li> <li><a> | </a></li> <li><a href="#Beispiel">Webdesign</a> <ul> <li><a href="#Beispiel">Seite 2a </a></li> <li><a href="#Beispiel"> Seite 2b</a></li> <li><a href="#Beispiel"> Seite 2c</a></li> </ul> </li> <li><a> | </a></li> <li><a href="#Beispiel">Packaging</a></li> <li><a> | </a></li> <li><a id="aktuell" href="#Beispiel">Anzeigen</a> <ul> <li><a href="#Beispiel">Seite 4a </a></li> <li><a href="#Beispiel">Seite 4c</a></li> </ul> </li> </ul><div></div></div> </body> </html>
HTML-Code:ul#Navigation { margin: 0; padding: 0; } ul#Navigation li { list-style: none; float: left; margin: 0; padding: 0; } ul#Navigation li ul { margin: 0; padding-left: 0; padding-top: 10px; position: absolute; display: none; /* Unternavigation ausblenden */ } ul#Navigation li:hover ul { display: block; /* Unternavigation in modernen Browsern einblenden */ } ul#Navigation li ul li { width: auto; margin: 0; padding: 0; } ul#Navigation a{ font-family:Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; display: block; width: auto; /* Breite den in li enthaltenen Elementen zuweisen */ padding: 0px; text-decoration: none; color: #003366; } ul#Navigation a:hover{ color: #990000; }
Und hier dann das ganze eingebunden in meine Web, wo's dann plötzlich im IE das Untermenü nicht mehr einblendet:
HTML-Code:<head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta name="description" content="Andrea Keßler - freie Grafikdesignerin/Freelancer in Freiburg. Keßler.CreativDesign entwickelt und konzipiert Ihnen anspruchsvolles Design für alle klassischen Printmedien sowie für Webdesign."> <meta name="Keywords" content="Andrea Keßler, Kessler, Kessler Design, Kessler Grafik Design, Grafik, Design, Designer, Grafikdesigner, Grafik-Design, Webdesign, Print, Layout, gestalten, Broschüren, Flyer, Poster, Verpackungen, Packaging, Verpackungsgestaltung, Werbung, Komposings, Kommunikation, Visitenkarten, Newsletter, Art Director, Freiburg, international, grenznah"> <meta name="revisit-after" content="7 days" > <meta http-equiv="reply-to" content="a.kessler@kessler-creativdesign.de"> <meta name="author" content="Keßler.CreativDesign" > <meta name="language" content="de"> <meta name="publisher" content="Keßler.CreativDesign"> <meta name="copyright" content="Keßler.CreativDesign"> <meta name="audience" content="Alle"> <meta name="robots" content="index,follow"> <meta http-equiv="imagetoolbar" content="false"> <meta name="author" content="Keßler.CreativDesign - Andrea Keßler"> <title>Keßler.CreativDesign – Grafik- und Webdesign</title> <link href="lacanche.css" rel="stylesheet" type="text/css"> <link href="menu.css" rel="stylesheet" type="text/css"> <script type="text/JavaScript"> <!-- function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_showHideLayers() { //v6.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } obj.visibility=v; } } function P7_Snap() { //v2.67 by PVII var g,x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,tw,q0,xx,yy,w1,pa='px',args=P7_Snap.arguments;a=parseInt(a); if(document.layers||window.opera){pa='';}for(k=0;k<(args.length);k+=4){ if((g=MM_findObj(args[k]))!=null){if((el=MM_findObj(args[k+1]))!=null){ a=parseInt(args[k+2]);b=parseInt(args[k+3]);x=0;y=0;ox=0;oy=0;p="";tx=1; da="document.all['"+args[k]+"']";if(document.getElementById){ d="document.getElementsByName('"+args[k]+"')[0]";if(!eval(d)){ d="document.getElementById('"+args[k]+"')";if(!eval(d)){d=da;}} }else if(document.all){d=da;}if(document.all||document.getElementById){while(tx==1){ p+=".offsetParent";if(eval(d+p)){x+=parseInt(eval(d+p+".offsetLeft"));y+=parseInt(eval(d+p+".offsetTop")); }else{tx=0;}}ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);tw=x+ox+y+oy; if(tw==0||(navigator.appVersion.indexOf("MSIE 4")>-1&&navigator.appVersion.indexOf("Mac")>-1)){ ox=0;oy=0;if(g.style.left){x=parseInt(g.style.left);y=parseInt(g.style.top);}else{ w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10;a=(Math.abs(a)<1000)?0:a;b=(Math.abs(b)<1000)?0:b; x=document.body.scrollLeft+event.clientX+bx;y=document.body.scrollTop+event.clientY;}} }else if(document.layers){x=g.x;y=g.y;q0=document.layers,dd="";for(var s=0;s<q0.length;s++){ dd='document.'+q0[s].name;if(eval(dd+'.document.'+args[k])){x+=eval(dd+'.left');y+=eval(dd+'.top'); break;}}}e=(document.layers)?el:el.style;xx=parseInt(x+ox+a),yy=parseInt(y+oy+b); if(navigator.appVersion.indexOf("MSIE 5")>-1 && navigator.appVersion.indexOf("Mac")>-1){ xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin);} e.left=xx+pa;e.top=yy+pa;}}} } //--> </script> </head> <body bgcolor="#7c96b1" onLoad="MM_showHideLayers('menu','','show','impressum','','show'); P7_Snap('menueleiste','menu',20,0);P7_Snap('menueleiste','impressum',770,0)" onResize="P7_Snap('menueleiste','menu',20,0);P7_Snap('menueleiste','impressum',770,0)"> <div id="menu"> <ul id="Navigation"> <li><a href="#Beispiel">Broschüren</a> <ul> <li><a href="#Beispiel">Lacanche </a></li> <li><a href="#Beispiel"> Énergies & Ressources</a></li> </ul></li> <li><a> | </a></li> <li><a href="#Beispiel">Webdesign</a> <ul> <li><a href="#Beispiel">Seite 2a </a></li> <li><a href="#Beispiel"> Seite 2b</a></li> <li><a href="#Beispiel"> Seite 2c</a></li> </ul> </li> <li><a> | </a></li> <li><a href="#Beispiel">Packaging</a></li> <li><a> | </a></li> <li><a id="aktuell" href="#Beispiel">Anzeigen</a> <ul> <li><a href="#Beispiel">Seite 4a </a></li> <li><a href="#Beispiel">Seite 4c</a></li> </ul> </li> </ul> </div> <div id="impressum"> <a href="mailto: a.kessler@kessler-creativdesign.de" class="menupunkt">Kontakt</a> <span class="linie">|</span> <a href="impressum.html" class="menupunkt">Impressum</a></span></div> <tr> <table width="900" style="position:absolute; top:0px; left:0px; width:100%; height:100%;"> <tr> <td align="center" valign="middle"><table width="920" height="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/logo.gif" width="920" height="70" /></td> </tr> <tr> <td><img src="images/leiste_oben.gif" width="920" height="24"></td> </tr> <tr> <td><img src="images/content.jpg" name="content" width="920" height="451" id="content"></td> </tr> <tr> <td><img src="images/menueleiste.gif" name="menueleiste" width="920" height="27" id="menueleiste" /></td> </tr> <tr> <td><img src="images/unten.gif" width="920" height="28" /></td> </tr> </table> </td></tr></table></tr> </body> </html>
OK, hab das Problem gefunden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
fehlte. Manchmal ist man echt blöd und blind gleichzeitig.
Kann mir jetzt noch jemand sagen, wie ich das im hinkriege, dass das Untermenü sich im IE nicht immer gleich wieder ausblendet.
Habe padding: 10px eingestellt und dadurch hab ich wohl das Problem. Aber halt eben nur im IE.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren