Hallo Leute!
Habe ein Problem mit dem Internet Explorer 6, 7, auf einer Seite die fast fertig ist.
Blöcke/Haftnotizen hier könnt ihr sie Euch ansehen.
sie geht mit Firefox, Safari, Chrome, funkt super.
Nur der F...... Internet E. ceckts einfach nicht.
Genauer gesagt hat der IE mit der mouseover/hover funktion im dynamisch generierte Menu ein Problem.
Bitte kann mir jemand helfen.
hier meine Scripts
CSS:
Setup vom Katalog Templet: (mit eingebundenen Javascript)Code:#subnavi { width: 227px; background-color: #f3f4f4; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } #subnavi a { display: block; padding-right: 5px; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; margin: 0; width: 227px; background-color: #f3f4f4; } #subnavi a:link, #subnavi a:visited { color: #056b83; text-decoration: none; } #subnavi a:hover { background-color: #e6e89a; color: #056b83; } #subnavi a#current{ background-color: #e6e89a; } #subnavi li { z-index:9; position: relative; border-bottom:1px solid #d7dcdd; border-left:1px solid #adb1b2; border-right:1px solid #d7dcdd; margin: 0; padding: 0; } #subnavi li.folder { margin: 0px; padding-left: 7px; padding-top: 0px; color: #056b83; background-color: #f3f4f4; } #subnavi li.folder ul { position: absolute; //margin-top: 280px; display: none; left: 220px; /* IE */ top: 0px; } #subnavi li.folder:hover { z-index: 13; font-size: 12px; width: 227px; height: 23px; text-decoration: none; } #subnavi ul.level1 li.folder:hover ul.level2 { display: block; width: 227px; } #subnavi li.current { z-index: 12; font-size: 12px; display: block; width: 230px; height: 23px; background-color: #e6e89a; color: #056b83; text-decoration: none; border-left:1px solid #adb1b2; border-right:1px solid #d7dcdd; border-top:1px solid #d7dcdd; } #subnavi ul { width: 227px; margin: 0; padding: 0; list-style-type: none; } #subnavi ul li { margin: 0; padding: 0; width: 227px; height:23; } html>body #subnavi a { width: 212px; height:17; } .lauftext { font-size: 12px font-weight: lighter; font-size: 11px; font-weight: lighter; } .UEberschrieft { font-size: 14px; color: #056b83; font-weight: bolder; } #BottomLine { border-bottom: 1px solid #adb1b2; border-left:1px solid #adb1b2; border-right:1px solid #adb1b2; background-color: #FAFAFA; } #katalogcontent { overflow: auto; width:668; height:284; } .center_column h1{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #056b83; margin: 0; padding-right: 0px; padding-left: 0px; padding-top: 20px; padding-bottom: 10px; } .center_column p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify margin: 0; padding-bottom: 10px; } .center_column { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: justify; margin: 0; padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; } .center_column a { color: #F45C20; text-decoration: none; } .center_column a:hover{ text-decoration: underline; }
Setup vom SYSTEM OrdnerCode:page = PAGE page.stylesheet = uploads/tf/MAIN06_01.CSS page.10 = TEMPLATE page.10 { template = FILE template.file = uploads/tf/Katalog_Templet_TYPO3_neu_04.html workOnSubpart = DOCUMENT_BODY } page.10.subparts.HAUPT_SUBNAVI < tmp.SUBNAVIGATION page.10.subparts.KATALOG_MAINCONTENT < styles.content.get page.headerData.120 = TEXT page.headerData.120.value ( <script type="text/javascript"> //<![CDATA[ startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("sidenav"); 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:tmp.SUBNAVIGATION = HMENU tmp.SUBNAVIGATION { entryLevel = 0 1 = TMENU 1 { wrap = <div id="subnavi"><ul class="level1" id="sidenav">|</ul></div> noBlur = 1 expAll = 1 NO = 1 NO { wrapItemAndSub = <li class="folder">|</li> doNotLinkIt = 1 } CUR = 1 CUR { wrapItemAndSub = <li>|</li> doNotLinkIt = 1 ATagBeforeWrap = 1 linkWrap = <li>|</li> } ACTIFSUB = 1 ACTIFSUB { wrapItemAndSub = <li class="folder">|</li> doNotLinkIt = 1 ATagBeforeWrap = 1 linkWrap = <em>|</em> } } 2 = TMENU 2 { noBlur = 1 wrap = <ul class="level2">|</ul> NO = 1 NO { allWrap = <li>|</li> } CUR = 1 CUR { ATagBeforeWrap = 1 linkWrap = <li class="current">|</li> doNotLinkIt = 1 #linkWrap = <em>|</em> } } } } ACTIFSUB = 1 ACTIFSUB { wrapItemAndSub = <li class="folder">|</li> ATagBeforeWrap = 1 linkWrap = <em>|</em> } } }
die HTML Templet Datei:
und hier der vom IE interpretiere HTML Soucecode die Typo3 ausspuckt.HTML-Code:<!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> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Brand Base Katalog</title> <script type="text/javascript"> <!-- img1=new Image() img1.src="uploads/tf/Navi_Button_Katalog.gif" img2=new Image() img2.src="uploads/tf/Navi_Button_Katalog_Over.gif" img3=new Image() img3.src="uploads/tf/Navi_Button_Philosophie.gif" img4=new Image() img4.src="uploads/tf/Navi_Button_Philosophie_Over.gif" img5=new Image() img5.src="uploads/tf/Navi_Button_Referenz.gif" img6=new Image() img6.src="uploads/tf/Navi_Button_Referenz_Over.gif" img7=new Image() img7.src="uploads/tf/Navi_Button_Partner.gif" img8=new Image() img8.src="uploads/tf/Navi_Button_Partner_Over.gif" img9=new Image() img9.src="uploads/tf/Navi_Button_Druck.gif" img10=new Image() img10.src="uploads/tf/Navi_Button_Druck_Over.gif" img11=new Image() img11.src="uploads/tf/Navi_Button_Kontakt.gif" img12=new Image() img12.src="uploads/tf/Navi_Button_Kontakt_Over.gif" img13=new Image() img13.src="uploads/tf/Navi_Button_AGB.gif" img14=new Image() img14.src="uploads/tf/Navi_Button_AGB_Over.gif" <!--//--><![CDATA[//><!-- startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("sidenav"); 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"> <!-- .style1 {color: #FAFAFA} --> </style> <link href="css/MAIN04.CSS" rel="stylesheet" type="text/css" /> </head> <body> <!-- ###DOCUMENT_BODY### start--> <table align="center" valign="top" width="1024" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" style="border-left: 1px solid #adb1b2; border-right:1px solid #adb1b2;"><a href="index.php?" ><img src="uploads/tf/Header_Logo.gif" alt="Logo" width="1024" height="112" border="0" /></a></td> </tr> <tr> <td align="center" valign="top" style="border-left: 1px solid #adb1b2; border-right:1px solid #adb1b2;" ><img src="uploads/tf/Header_Logo_Weisselinie.gif" width="1024" height="4" /></td> </tr> <tr> <td align="center" valign="top" style="border-left: 1px solid #adb1b2; border-right:1px solid #adb1b2;" ><img src="uploads/tf/Header_Logo_Gruenelinie.gif" width="1024" height="5" /></td> </tr> <tr> <td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td rowspan="2" align="center" valign="top" style="border-left: 1px solid #adb1b2" ><img src="uploads/tf/Navi_Spacer_Links.gif" width="18" height="25" /></td> <td rowspan="2" align="center" valign="top"><img src="uploads/tf/Navi_Shadow_Links.gif" width="5" height="25" /></td> <td align="center" valign="top"><a href="http://brandbase.at/index.php?id=2"><img alt="Katalog" width="81" height="20" border="0" name="Katalog_Bu" src="uploads/tf/Navi_Button_Katalog_Over.gif" /></a></td> <td align="center" valign="top"><a href="index.php?id=198" onmouseout="document.images['Philosophie_Bu'].src=img3.src" onmouseover="document.images['Philosophie_Bu'].src=img4.src"><img src="uploads/tf/Navi_Button_Philosophie.gif" alt="Philosophie" width="101" height="20" border="0" name="Philosophie_Bu" /></a></td> <td align="center" valign="top"><a href="http://brandbase.at/index.php?id=204" onmouseout="document.images['Referenz_Bu'].src=img5.src" onmouseover="document.images['Referenz_Bu'].src=img6.src"> <img src="uploads/tf/Navi_Button_Referenz.gif" alt="Referenz" width="83" height="20" border="0" name="Referenz_Bu" /></a></td> <td align="center" valign="top"><a href="http://brandbase.at/index.php?id=205" onmouseout="document.images['Partner_Bu'].src=img7.src" onmouseover="document.images['Partner_Bu'].src=img8.src"> <img src="uploads/tf/Navi_Button_Partner.gif" alt="Partner" width="88" height="20" border="0" name="Partner_Bu" /></a></td> <td align="center" valign="top"><a href="http://brandbase.at/index.php?id=206"onmouseout="document.images['Druck_Bu'].src=img9.src" onmouseover="document.images['Druck_Bu'].src=img10.src"> <img src="uploads/tf/Navi_Button_Druck.gif" alt="Druck" width="75" height="20" border="0" name="Druck_Bu" /></a></td> <td align="center" valign="top"><a href="http://brandbase.at/index.php?id=207"onmouseout="document.images['Kontakt_Bu'].src=img11.src" onmouseover="document.images['Kontakt_Bu'].src=img12.src"> <img src="uploads/tf/Navi_Button_Kontakt.gif" alt="Kontakt" width="74" height="20" border="0" name="Kontakt_Bu" /></a></td> <td align="center" valign="top"><a href="http://brandbase.at/index.php?id=208"onmouseout="document.images['AGB_Bu'].src=img13.src" onmouseover="document.images['AGB_Bu'].src=img14.src"> <img src="uploads/tf/Navi_Button_AGB.gif" alt="AGB" width="150" height="20" border="0" name="AGB_Bu" /></a></td> <td align="center" valign="top"><img src="uploads/tf/Navi_Shadow_Rechts.jpg" width="5" height="20" /></td> <td rowspan="2" align="center" valign="top" style="border-right:1px solid #adb1b2;"><img src="uploads/tf/Navi_Spacer_Rechts.gif" width="344" height="25" /></td> </tr> <tr> <td colspan="8" align="center" valign="top"><img src="uploads/tf/Navi_Shadow_Mitte.gif" width="657" height="5" /></td> </tr> </table></td> </tr> <tr> <td align="center" valign="top" style="border-left: 1px solid #adb1b2; border-right:1px solid #adb1b2;" ><img src="uploads/tf/Katalogcontent_Spacer_Mitte_Oben.gif" width="1024" height="19" /></td> </tr> <tr> <td height="633" align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="23" height="302" align="left" valign="top" bgcolor="#FAFAFA" style="border-left: 1px solid #adb1b2" > <img src="uploads/tf/Subnavi_Spacer_Links.gif" width="23" height="603" /></td> <td align="center" valign="top" bgcolor="#fafafa"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td width="227" height="594" align="left" valign="top" bordercolor="0" bgcolor="#fafafa"> <!-- ###HAUPT_SUBNAVI### start--> <div id="subnavi"> <ul class="level1" id="sidenav"> <li><a href="#">Aufblasbare Artikel</a></li> <li><a href="#">Auto</a></li> <li class="folder"><a href="#">Büro</a> <ul class="level2"> <li><a href="#" class="submenu">Blöcke/Haftnotizen</a></li> <li><a href="#" class="submenu">Notizklötze</a></li> <li><a href="#" class="submenu">Memoclip/Memohalter</a></li> <li><a href="#" class="submenu">Lesezeichen</a></li> <li><a href="#" class="submenu">Lineale</a></li> <li><a href="#" class="submenu">Radiergummi</a></li> <li><a href="#" class="submenu">Schreibsets</a></li> <li><a href="#" class="submenu">Schreibgeräte/Kugelschreiber</a></li> <li><a href="#" class="submenu">Schreibtischaccessoires</a></li> <li><a href="#" class="submenu">Penale</a></li> <li><a href="#" class="submenu">Bleistifte</a></li> <li><a href="#" class="submenu">Brieföffner</a></li> <li><a href="#" class="submenu">Taschenrechner</a></li> <li><a href="#" class="submenu">Textmarker</a></li> </ul> </li> <li>Dekoration</li> <li>Elektronik</li> <li>Etuis und Börsen</li> <li>Feuerzeuge</a></li> <li><a href="#">Haushalt</a></li> <li><a href="#">Indoor Spiele</a></li> <li><a href="#">Kinder / Schule</a></li> <li><a href="#">Kosmetik / Beauty</a></li> <li><a href="#">Kugelschreiber</a></li> <li><a href="#">Organizer</a></li> <li><a href="#">Outdoor</a></li> <li><a href="#">Reisen</a></li> <li><a href="#">Schirme</a></li> <li><a href="#">Schüsselanhänger</a></li> <li><a href="#">Sport</a></li> <li><a href="#">Süsswaren</a></li> <li><a href="#">Textil</a></li> <li><a href="#">Uhren</a></li> <li><a href="#">USB und Computer</a></li> <li><a href="#">Umweltschonende Produkte</a></li> <li><a href="#">Wetterstationen / Thermometer</a></li> </ul> </div> <!-- ###HAUPT_SUBNAVI### stop--> <p><a href="http://www.promovement-lite.com/brandbase/" target="_blank"><img src="uploads/tf/Promovment_button.gif" width="227" height="43" border="0" /></a></p></td> <td width="23" align="left" valign="top" bgcolor="#fafafa"><img src="uploads/tf/Subnavi_Spacer_Rechts.gif" width="23" height="594" /></td> <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="728" colspan="3"><img src="uploads/tf/Katalogcontent_Rahmen_Oben.gif" width="728" height="47" /></td> </tr> <tr> <td width="36"><img src="uploads/tf/Katalogcontent_Rahmen_Links.gif" width="36" height="284" /></td> <td width="668" height="284" class="center_column"> <div id="katalogcontent" > <!-- ###KATALOG_MAINCONTENT### start--> <img src="uploads/tf/Katalogcontent_Mainimage.gif" width="668" height="284" /></div></td><!-- ###KATALOG_MAINCONTENT### stop--> <td width="24"><img src="uploads/tf/Katalogcontent_Rahmen_Rechts.gif" width="24" height="284" /></td> </tr> <tr> <td height="37" colspan="3"><img src="uploads/tf/Katalogcontent_Rahmen_Unten.gif" width="728" height="37" /></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="19" bgcolor="#fafafa"><img src="uploads/tf/Promo_Spacer_Mitte_Oben.gif" width="728" height="24" /></td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"><img src="uploads/tf/PromoLinks_Rahmen_Links.gif" width="25" height="177" /></td> <td align="center" valign="top"><a href="http://www.nardeaux.com/" target="_blank"><img src="uploads/tf/PromoLinks_Nardeaux.gif" width="305" height="177" border="0"/></a></td> <td align="center" valign="top"><img src="uploads/tf/PromoLinks_Rahmen_Rechts.gif" width="24" height="177" /></td> <td rowspan="2" align="center" valign="top"><img src="uploads/tf/Promo_Spacer_Mitte.gif" width="20" height="202" /></td> <td align="center" valign="top"><img src="uploads/tf/PromoRechts_Rahmen_Links.gif" width="24" height="177" /></td> <td align="center" valign="top"><a href="fileadmin/sommer10_last_web.pdf"><img src="uploads/tf/PromoRechts_Markeli.gif" width="306" height="177" border="0"/></a></td> <td align="center" valign="top"><img src="uploads/tf/PromoRechts_Rahmen_Rechts.gif" width="24" height="177" /></td> </tr> <tr> <td colspan="3" align="center" valign="top"><img src="uploads/tf/PromoLinks_Rahmen_Unten.gif" width="354" height="25" /></td> <td colspan="3" align="center" valign="top"><img src="uploads/tf/PromoRechts_Rahmen_Unten.gif" width="353" height="25" /></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> <td align="left" valign="top" bgcolor="#FAFAFA" style="border-right: 1px solid #adb1b2" ><img src="uploads/tf/Katalogcontent_Spacer_Rechts.gif" width="23" height="603" /></td> </tr> <tr> <td height="20" colspan="3" align="left" valign="top" ><div id="BottomLine"> </div></td> </tr> </table></td> </tr> </table> <!-- ###DOCUMENT_BODY### stop--> </body> </html>
HTML-Code:<HTML><HEAD><TITLE>Kinder / Schule</TITLE> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><!-- This website is powered by TYPO3 - inspiring people to share! TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL. TYPO3 is copyright 1998-2009 of Kasper Skaarhoj. Extensions are copyright of their respective owners. Information and contribution at http://typo3.com/ and http://typo3.org/ --><LINK href="uploads/tf/MAIN06_01.CSS" type=text/css rel=stylesheet> <SCRIPT type=text/javascript> //<![CDATA[ startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("sidenav"); 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> <META content="TYPO3 4.2 CMS" name=generator> <SCRIPT src="typo3temp/javascript_93077bb238.js" type=text/javascript></SCRIPT> </HEAD> <BODY> <TABLE cellSpacing=0 cellPadding=0 width=1024 align=center border=0 valign="top"> <TBODY> <TR> <TD style="BORDER-RIGHT: #adb1b2 1px solid; BORDER-LEFT: #adb1b2 1px solid" vAlign=top align=middle><A href="index.php?"><IMG height=112 alt=Logo src="uploads/tf/Header_Logo.gif" width=1024 border=0></A></TD></TR> <TR> <TD style="BORDER-RIGHT: #adb1b2 1px solid; BORDER-LEFT: #adb1b2 1px solid" vAlign=top align=middle><IMG height=4 src="uploads/tf/Header_Logo_Weisselinie.gif" width=1024></TD></TR> <TR> <TD style="BORDER-RIGHT: #adb1b2 1px solid; BORDER-LEFT: #adb1b2 1px solid" vAlign=top align=middle><IMG height=5 src="uploads/tf/Header_Logo_Gruenelinie.gif" width=1024></TD></TR> <TR> <TD vAlign=top align=middle> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD style="BORDER-LEFT: #adb1b2 1px solid" vAlign=top align=middle rowSpan=2><IMG height=25 src="uploads/tf/Navi_Spacer_Links.gif" width=18></TD> <TD vAlign=top align=middle rowSpan=2><IMG height=25 src="uploads/tf/Navi_Shadow_Links.gif" width=5></TD> <TD vAlign=top align=middle><A href="http://brandbase.at/index.php?id=2"><IMG height=20 alt=Katalog src="uploads/tf/Navi_Button_Katalog_Over.gif" width=81 border=0 name=Katalog_Bu></A></TD> <TD vAlign=top align=middle><A onmouseover="document.images['Philosophie_Bu'].src=img4.src" onmouseout="document.images['Philosophie_Bu'].src=img3.src" href="index.php?id=198"><IMG height=20 alt=Philosophie src="uploads/tf/Navi_Button_Philosophie.gif" width=101 border=0 name=Philosophie_Bu></A></TD> <TD vAlign=top align=middle><A onmouseover="document.images['Referenz_Bu'].src=img6.src" onmouseout="document.images['Referenz_Bu'].src=img5.src" href="http://brandbase.at/index.php?id=204"><IMG height=20 alt=Referenz src="uploads/tf/Navi_Button_Referenz.gif" width=83 border=0 name=Referenz_Bu></A></TD> <TD vAlign=top align=middle><A onmouseover="document.images['Partner_Bu'].src=img8.src" onmouseout="document.images['Partner_Bu'].src=img7.src" href="http://brandbase.at/index.php?id=205"><IMG height=20 alt=Partner src="uploads/tf/Navi_Button_Partner.gif" width=88 border=0 name=Partner_Bu></A></TD> <TD vAlign=top align=middle><A onmouseover="document.images['Druck_Bu'].src=img10.src" onmouseout="document.images['Druck_Bu'].src=img9.src" href="http://brandbase.at/index.php?id=206"><IMG height=20 alt=Druck src="uploads/tf/Navi_Button_Druck.gif" width=75 border=0 name=Druck_Bu></A></TD> <TD vAlign=top align=middle><A onmouseover="document.images['Kontakt_Bu'].src=img12.src" onmouseout="document.images['Kontakt_Bu'].src=img11.src" href="http://brandbase.at/index.php?id=207"><IMG height=20 alt=Kontakt src="uploads/tf/Navi_Button_Kontakt.gif" width=74 border=0 name=Kontakt_Bu></A></TD> <TD vAlign=top align=middle><A onmouseover="document.images['AGB_Bu'].src=img14.src" onmouseout="document.images['AGB_Bu'].src=img13.src" href="http://brandbase.at/index.php?id=208"><IMG height=20 alt=AGB src="uploads/tf/Navi_Button_AGB.gif" width=150 border=0 name=AGB_Bu></A></TD> <TD vAlign=top align=middle><IMG height=20 src="uploads/tf/Navi_Shadow_Rechts.jpg" width=5></TD> <TD style="BORDER-RIGHT: #adb1b2 1px solid" vAlign=top align=middle rowSpan=2><IMG height=25 src="uploads/tf/Navi_Spacer_Rechts.gif" width=344></TD></TR> <TR> <TD vAlign=top align=middle colSpan=8><IMG height=5 src="uploads/tf/Navi_Shadow_Mitte.gif" width=657></TD></TR></TBODY></TABLE></TD></TR> <TR> <TD style="BORDER-RIGHT: #adb1b2 1px solid; BORDER-LEFT: #adb1b2 1px solid" vAlign=top align=middle><IMG height=19 src="uploads/tf/Katalogcontent_Spacer_Mitte_Oben.gif" width=1024></TD></TR> <TR> <TD vAlign=top align=middle height=633> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD style="BORDER-LEFT: #adb1b2 1px solid" vAlign=top align=left width=23 bgColor=#fafafa height=302><IMG height=603 src="uploads/tf/Subnavi_Spacer_Links.gif" width=23></TD> <TD vAlign=top align=middle bgColor=#fafafa> <TABLE cellSpacing=0 cellPadding=0 width="100%" bgColor=#ffffff border=0> <TBODY> <TR> <TD vAlign=top borderColor=#0 align=left width=227 bgColor=#fafafa height=594> <DIV id=subnavi> <UL class=level1 id=sidenav> <LI class=folder>Aufblasbare Artikel <UL class=level2> <LI><A href="index.php?id=55">Diverse aufblasbare Artikel</A></LI></UL></LI> <LI class=folder>Auto <UL class=level2> <LI><A href="index.php?id=61">Eiskratzer</A></LI> <LI><A href="index.php?id=60">Erste Hilfe Sets</A></LI> <LI><A href="index.php?id=59">Werkzeuge</A></LI> <LI><A href="index.php?id=57">Parkuhren</A></LI> <LI><A href="index.php?id=56">Sicherheitswesten/Warnwesten</A></LI></UL></LI> <LI class=folder>Büro <UL class=level2> <LI><A href="index.php?id=47">Blöcke/Haftnotizen</A></LI> <LI><A href="index.php?id=46">Notiz</A></LI> <LI><A href="index.php?id=45">Memoclip/Memohalter</A></LI> <LI><A href="index.php?id=44">Lesezeichen</A></LI> <LI><A href="index.php?id=43&no_cache=1">Lineale</A></LI> <LI><A href="index.php?id=41">Schreibsets</A></LI> <LI><A href="index.php?id=40">Schreibgeräte/Kugelschreiber</A></LI> <LI><A href="index.php?id=39">Schreibtischaccessoires</A></LI> <LI><A href="index.php?id=38">Penale</A></LI> <LI><A href="index.php?id=37">Bleistifte</A></LI> <LI><A href="index.php?id=36">Brieföffner</A></LI> <LI><A href="index.php?id=35">Taschenrechner</A></LI> <LI><A href="index.php?id=209">Laserpointer</A></LI> <LI><A href="index.php?id=34">Textmarker</A></LI></UL></LI> <LI class=folder>Dekoration <UL class=level2> <LI><A href="index.php?id=67">Bilderrahmen</A></LI> <LI><A href="index.php?id=66">Duft-Set</A></LI> <LI><A href="index.php?id=65">Globus</A></LI> <LI><A href="index.php?id=225">Kerzen</A></LI></UL></LI> <LI class=folder>Elektronik <UL class=level2> <LI><A href="index.php?id=228">Lampen</A></LI> <LI><A href="index.php?id=212">Solar</A></LI> <LI><A href="index.php?id=71">Scan Radio</A></LI> <LI><A href="index.php?id=70">Radio</A></LI> <LI><A href="index.php?id=69">MP3 / MP4</A></LI> <LI><A href="index.php?id=68">Handyaccessoirs</A></LI> <LI><A href="index.php?id=217">Waagen</A></LI></UL></LI> <LI class=folder>Etuis und Börsen <UL class=level2> <LI><A href="index.php?id=220">Schlüsseletuis</A></LI> <LI><A href="index.php?id=79">CD-Taschen</A></LI> <LI><A href="index.php?id=78">Kreditkartenetuis</A></LI> <LI><A href="index.php?id=219">Geldbörsen</A></LI> <LI><A href="index.php?id=221">Führerscheinhüllen</A></LI> <LI><A href="index.php?id=76">Visitenkartenetuis</A></LI> <LI><A href="index.php?id=75">Zigarettenetuis</A></LI> <LI><A href="index.php?id=74">Spardosen</A></LI></UL></LI> <LI class=folder>Feuerzeuge <UL class=level2> <LI><A href="index.php?id=82">Plastik Feuerzeuge</A></LI> <LI><A href="index.php?id=81">BBQ- und Stabfeuerzeuge</A></LI></UL></LI> <LI class=folder>Haushalt <UL class=level2> <LI><A href="index.php?id=92">Aschenbecher</A></LI> <LI><A href="index.php?id=211">Cocktail</A></LI> <LI><A href="index.php?id=90">Eiswürfelformen</A></LI> <LI><A href="index.php?id=89">Elektrische Haushaltsgeräte</A></LI> <LI><A href="index.php?id=88">Flaschenöffner</A></LI> <LI><A href="index.php?id=87">Glaswaren</A></LI> <LI><A href="index.php?id=86">Gewürzmühlen</A></LI> <LI><A href="index.php?id=85">Geschirr</A></LI> <LI><A href="index.php?id=84">Haushalts - Heimtextil</A></LI> <LI><A href="index.php?id=210">Küchen Zubehör</A></LI> <LI><A href="index.php?id=98">Kühlschrankmagnete</A></LI> <LI><A href="index.php?id=216">Nähzeug</A></LI> <LI><A href="index.php?id=218">Schuhputz Sets</A></LI> <LI><A href="index.php?id=97">Tierartikel</A></LI> <LI><A href="index.php?id=96">Porzellan und Keramik</A></LI> <LI><A href="index.php?id=95">Untersetzer</A></LI> <LI><A href="index.php?id=94">Weinsets</A></LI> <LI><A href="index.php?id=241">Werbetassen</A></LI></UL></LI> <LI class=folder>Indoor Spiele <UL class=level2> <LI><A href="index.php?id=104">Geduldspiele</A></LI> <LI><A href="index.php?id=103">Brettspiele</A></LI> <LI><A href="index.php?id=102">Kartenspiele</A></LI> <LI><A href="index.php?id=224">Spielsets</A></LI> <LI><A href="index.php?id=101">Sudoku</A></LI></UL></LI> <LI></LI> <LI>Kinder / Schule <UL class=level2> <LI><A href="index.php?id=109">Kleidung</A></LI> <LI><A href="index.php?id=108">Plüschtiere</A></LI> <LI><A href="index.php?id=223">Schreib-/Mal -Sets</A></LI> <LI><A href="index.php?id=106">Spielzeuge</A></LI></UL></LI> <LI class=folder>Kosmetik / Beauty <UL class=level2> <LI><A href="index.php?id=118">Antistressartikel</A></LI> <LI><A href="index.php?id=117">Badeaccoires</A></LI> <LI><A href="index.php?id=213">Bürsten</A></LI> <LI><A href="index.php?id=115">Gelkissen</A></LI> <LI><A href="index.php?id=113">Kosmetiktaschen</A></LI> <LI><A href="index.php?id=112">Lippenpflegestifte</A></LI> <LI><A href="index.php?id=214">Make-Up</A></LI> <LI><A href="index.php?id=111">Manikürset</A></LI> <LI><A href="index.php?id=110">Fieberthermometer</A></LI> <LI><A href="index.php?id=123">Massagetools</A></LI> <LI><A href="index.php?id=215">Parfum</A></LI> <LI><A href="index.php?id=122">Pillendosen</A></LI> <LI><A href="index.php?id=121">Seifen</A></LI> <LI><A href="index.php?id=120">Spiegel</A></LI> <LI><A href="index.php?id=119">Wellness</A></LI></UL></LI> <LI class=folder>Kugelschreiber <UL class=level2> <LI><A href="index.php?id=126">Metall Kugelschreiber</A></LI> <LI><A href="index.php?id=125">Kunststoff Kugelschreiber</A></LI></UL></LI> <LI class=folder>Organizer <UL class=level2> <LI><A href="index.php?id=132">Laptop Taschen</A></LI> <LI><A href="index.php?id=131">Dokumenten Taschen</A></LI> <LI><A href="index.php?id=130">Kalender</A></LI> <LI><A href="index.php?id=128">Organizer</A></LI> <LI><A href="index.php?id=127">Schreibmappen</A></LI></UL></LI> <LI class=folder>Outdoor <UL class=level2> <LI><A href="index.php?id=141">Bälle</A></LI> <LI><A href="index.php?id=140">Camping</A></LI> <LI><A href="index.php?id=139">Decken</A></LI> <LI><A href="index.php?id=138">Fächer</A></LI> <LI><A href="index.php?id=137">Flachmann</A></LI> <LI><A href="index.php?id=136">Garten</A></LI> <LI><A href="index.php?id=135">Grillen / Zubehör</A></LI> <LI><A href="index.php?id=134">Hängematten</A></LI> <LI><A href="index.php?id=133">Kompasse</A></LI> <LI><A href="index.php?id=150">Kühltaschen / Akkus</A></LI> <LI><A href="index.php?id=149">Picknick</A></LI> <LI><A href="index.php?id=148">Strandartikel</A></LI> <LI><A href="index.php?id=147">Thermobecher / Thermoflaschen</A></LI> <LI><A href="index.php?id=145">Trinkbecher / Trinkflaschen</A></LI> <LI><A href="index.php?id=142">Taschenmesser</A></LI></UL></LI> <LI class=folder>Reisen <UL class=level2> <LI><A href="index.php?id=159">Einkaufstaschen</A></LI> <LI><A href="index.php?id=158">Ferngläser</A></LI> <LI><A href="index.php?id=156">Koffer</A></LI> <LI><A href="index.php?id=155">Koffergurte/-anhänger</A></LI> <LI><A href="index.php?id=154">Reisetaschen</A></LI> <LI><A href="index.php?id=226">Reisezubehör</A></LI> <LI><A href="index.php?id=222">Rucksäcke</A></LI> <LI><A href="index.php?id=152">Sonnenbrillen</A></LI> <LI><A href="index.php?id=240">Schuhputz Sets</A></LI> <LI><A href="index.php?id=151">Taschen</A></LI> <LI><A href="index.php?id=227">Taschenhalter</A></LI> <LI><A href="index.php?id=160">Trolleys</A></LI></UL></LI> <LI class=folder>Schirme <UL class=level2> <LI><A href="index.php?id=163">Knirpse</A></LI> <LI><A href="index.php?id=162">Stockschirme</A></LI></UL></LI> <LI class=folder>Schüsselanhänger <UL class=level2> <LI><A href="index.php?id=167">Kunststoff / Soft PVC</A></LI> <LI><A href="index.php?id=166">Metall</A></LI> <LI><A href="index.php?id=165">Lanyards</A></LI> <LI><A href="index.php?id=164">Diverse</A></LI></UL></LI> <LI class=folder>Sport <UL class=level2> <LI><A href="index.php?id=172">Golf</A></LI> <LI><A href="index.php?id=229">Joggen</A></LI> <LI><A href="index.php?id=171">Fahrrad</A></LI> <LI><A href="index.php?id=170">Fussball</A></LI> <LI><A href="index.php?id=169">Fanartikel</A></LI> <LI><A href="index.php?id=168">Ski</A></LI></UL></LI> <LI class=folder>Süsswaren <UL class=level2> <LI><A href="index.php?id=174">Bonbons</A></LI></UL></LI> <LI class=folder>Textil <UL class=level2> <LI><A href="index.php?id=183">Arbeits/Gastrobekleidung</A></LI> <LI><A href="index.php?id=182">Frottee</A></LI> <LI><A href="index.php?id=180">Hemden</A></LI> <LI><A href="index.php?id=235">Hosen</A></LI> <LI><A href="index.php?id=179">Jacken</A></LI> <LI><A href="index.php?id=178">Kappen und Hütte</A></LI> <LI><A href="index.php?id=177">Regenbekleidung</A></LI> <LI><A href="index.php?id=231">Winter/Weihnachts Accessoires</A></LI> <LI><A href="index.php?id=176">Shirts</A></LI> <LI><A href="index.php?id=175">Sportbekleidung</A></LI> <LI><A href="index.php?id=234">Westen / Sweater</A></LI></UL></LI> <LI class=folder>Uhren <UL class=level2> <LI><A href="index.php?id=188">Armbanduhren</A></LI> <LI><A href="index.php?id=187">Tischuhren</A></LI> <LI><A href="index.php?id=186">Wanduhren</A></LI> <LI><A href="index.php?id=184">Wecker</A></LI></UL></LI> <LI class=folder>USB und Computer <UL class=level2> <LI><A href="index.php?id=192">Mousepads</A></LI> <LI><A href="index.php?id=191">USB Flash Sticks</A></LI> <LI><A href="index.php?id=190">USB Tools</A></LI> <LI><A href="index.php?id=189">Computer Zubehör</A></LI></UL></LI> <LI class=folder>Umweltschonende Produkte <UL class=level2> <LI><A href="index.php?id=230">Grüne Artikel</A></LI></UL></LI> <LI class=folder>Wetterstationen / Thermometer <UL class=level2> <LI><A href="index.php?id=197">Indoor</A></LI> <LI><A href="index.php?id=196">Outdoor</A></LI></UL></LI></UL></DIV> <P><A href="http://www.promovement-lite.com/brandbase/" target=_blank><IMG height=43 src="uploads/tf/Promovment_button.gif" width=227 border=0></A></P></TD> <TD vAlign=top align=left width=23 bgColor=#fafafa><IMG height=594 src="uploads/tf/Subnavi_Spacer_Rechts.gif" width=23></TD> <TD vAlign=top align=left> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD vAlign=top align=middle> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD width=728 colSpan=3><IMG height=47 src="uploads/tf/Katalogcontent_Rahmen_Oben.gif" width=728></TD></TR> <TR> <TD width=36><IMG height=284 src="uploads/tf/Katalogcontent_Rahmen_Links.gif" width=36></TD> <TD class=center_column width=668 height=284> <DIV id=katalogcontent><A id=c248></A> <P style="MARGIN: 0px"><B>Bitte wählen Sie eine Unterkategorie </B></P><IMG class=spacer-gif title="" height=10 alt="" src="clear.gif" width=1 border=0><BR></DIV> <TD width=24><IMG height=284 src="uploads/tf/Katalogcontent_Rahmen_Rechts.gif" width=24></TD></TR> <TR> <TD colSpan=3 height=37><IMG height=37 src="uploads/tf/Katalogcontent_Rahmen_Unten.gif" width=728></TD></TR></TBODY></TABLE> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD bgColor=#fafafa height=19><IMG height=24 src="uploads/tf/Promo_Spacer_Mitte_Oben.gif" width=728></TD></TR></TBODY></TABLE></TD></TR> <TR> <TD vAlign=top align=middle> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD vAlign=top align=middle><IMG height=177 src="uploads/tf/PromoLinks_Rahmen_Links.gif" width=25></TD> <TD vAlign=top align=middle><A href="http://www.nardeaux.com/" target=_blank><IMG height=177 src="uploads/tf/PromoLinks_Nardeaux.gif" width=305 border=0></A></TD> <TD vAlign=top align=middle><IMG height=177 src="uploads/tf/PromoLinks_Rahmen_Rechts.gif" width=24></TD> <TD vAlign=top align=middle rowSpan=2><IMG height=202 src="uploads/tf/Promo_Spacer_Mitte.gif" width=20></TD> <TD vAlign=top align=middle><IMG height=177 src="uploads/tf/PromoRechts_Rahmen_Links.gif" width=24></TD> <TD vAlign=top align=middle><A href="fileadmin/sommer10_last_web.pdf"><IMG height=177 src="uploads/tf/PromoRechts_Markeli.gif" width=306 border=0></A></TD> <TD vAlign=top align=middle><IMG height=177 src="uploads/tf/PromoRechts_Rahmen_Rechts.gif" width=24></TD></TR> <TR> <TD vAlign=top align=middle colSpan=3><IMG height=25 src="uploads/tf/PromoLinks_Rahmen_Unten.gif" width=354></TD> <TD vAlign=top align=middle colSpan=3><IMG height=25 src="uploads/tf/PromoRechts_Rahmen_Unten.gif" width=353></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD> <TD style="BORDER-RIGHT: #adb1b2 1px solid" vAlign=top align=left bgColor=#fafafa><IMG height=603 src="uploads/tf/Katalogcontent_Spacer_Rechts.gif" width=23></TD></TR> <TR> <TD vAlign=top align=left colSpan=3 height=20> <DIV id=BottomLine> </DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></BODY></HTML>
Habe das Problem jetzt etwas anders gelöst!
PHP-Code:#subnavi {
background-color: #f3f4f4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #056b83;
}
#subnavi a {
position: relative;
left: 225;
top:-15;
display: block;
padding-right: 5px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-left:1px solid #adb1b2;
border-right:1px solid #d7dcdd;
border-top:1px solid #d7dcdd;
background-color: #f3f4f4;
}
#subnavi a:link, #subnavi a:visited
{
color: #056b83;
text-decoration: none;
}
#subnavi a:hover
{
background-color: #e6e89a;
color: #056b83;
position: relative;
left: 225;
}
#subnavi a#current{
background-color: #e6e89a;
position: relative;
left: 225;
}
#subnavi li {
top:-15;
left: 225;
margin: 0;
padding: 0;
}
#subnavi li.folder {
z-index:11;
margin: 0px;
padding-left: 7px;
padding-top: 0px;
color: #056b83;
background-color: #f3f4f4;
border-bottom:1px solid #d7dcdd;
border-left:1px solid #adb1b2;
border-right:1px solid #d7dcdd;
}
#subnavi li.folder ul {
display: none;
top: 0px;
}
#subnavi li.folder:hover {
z-index: 11;
font-size: 12px;
text-decoration: none;
}
#subnavi ul.level1 li.folder:hover ul.level2 {
display: block;
z-index:11;
margin: 0px;
padding-left: 7px;
padding-top: 0px;
color: #056b83;
}
#subnavi li.current {
position: relative;
z-index: 11;
font-size: 12px;
display: block;
width: 230px;
height: 23px;
background-color: #e6e89a;
color: #056b83;
text-decoration: none;
border-left:1px solid #adb1b2;
border-right:1px solid #d7dcdd;
border-top:1px solid #d7dcdd;
}
#subnavi ul {
width: 227px;
margin: 0;
padding: 0;
list-style-type: none;
}
#subnavi ul li
{
margin: 0;
padding: 0;
width: 227px;
height:23;
}
html>body #subnavi a {
width: 212px;
height:17;
}
.lauftext {
font-size: 12px
font-weight: lighter;
font-size: 11px;
font-weight: lighter;
}
.UEberschrieft {
font-size: 14px;
color: #056b83;
font-weight: bolder;
}
#BottomLine {
border-bottom: 1px solid #adb1b2;
border-left:1px solid #adb1b2;
border-right:1px solid #adb1b2;
background-color: #FAFAFA;
}
#katalogcontent {
overflow: auto;
width:668;
height:284;
}
.center_column h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: underline;
color: #056b83;
margin: 0;
padding-right: 0px;
padding-left: 0px;
padding-top: 20px;
padding-bottom: 10px;
}
.center_column p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: justify
margin: 0;
padding-bottom: 10px;
}
.center_column {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
margin: 0;
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.center_column a {
color: #F45C20;
text-decoration: none;
}
.center_column a:hover{
text-decoration: underline;
}
tmp.SUBNAVIGATION = HMENU
tmp.SUBNAVIGATION {
entryLevel = 0
1 = TMENU
1 {
wrap = <div id="subnavi"><ul class="level1" id="sidenav">|</ul></div>
noBlur = 1
expAll = 1
NO = 1
NO {
wrapItemAndSub = <li class="folder" onmouseover="show(this)" onmouseout="hide(this)">|</li>
doNotLinkIt = 1
}
CUR = 1
CUR {
wrapItemAndSub = <li class="current" onmouseover="show(this)" onmouseout="hide(this)">|</li>
doNotLinkIt = 1
ATagBeforeWrap = 1
linkWrap = <li>|</li>
}
ACTIFSUB = 1
ACTIFSUB {
wrapItemAndSub = <li class="folder" onmouseover="show(this)" onmouseout="hide(this)">|</li>
doNotLinkIt = 1
ATagBeforeWrap = 1
linkWrap = <em>|</em>
}
}
2 = TMENU
2 {
noBlur = 1
wrap = <ul class="level2">|</ul>
NO = 1
NO {
allWrap = <li>|</li>
}
CUR = 1
CUR {
ATagBeforeWrap = 1
linkWrap = <li class="current">|</li>
doNotLinkIt = 1
#linkWrap = <em>|</em>
}
}
}
ACTIFSUB = 1
ACTIFSUB {
wrapItemAndSub = <li class="folder">|</li>
ATagBeforeWrap = 1
linkWrap = <em>|</em>
}
jetzt macht er das mit dem Menu im Firefox wie ich mir das vorstelle.
siehe unten Bild 1
leider macht der IE noch immer einen Blödsinn.
siehe Bild 2
bitte kann mir jemand helfen?
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen