|
|||
horizontales Menü und der IE6 klappt nicht
Moin,
habe nun endlich mein Menu fertig, allerdings klappt dies nicht im IE 6. Kann mir jemand einen Tipp geben, wie dies auch im IE6 klappt? Ich habe schon die Datei csshover.htc auf dem Server geladen, nur wie muß ich diese aufrufen? hier mal der css code vom menü Code:
#popupmenu{ position: relative; /* This can also be fixed or absolute*/ width: 61.8em; height:1.3em; margin-left:auto; margin-right:auto; margin-top:-1em; /*Format */ background-color:#000080; color: #ffffff;; font-family: Arial, Helvetica, sans-serif; border: 0.1em solid silver; padding:0; } #popupmenu ul{ float: left; white-space: nowrap; margin: 0; padding: 0; text-align: center; } /* add more for each extra submenu level*/ #popupmenu ul li, #popupmenu ul li ul li, #popupmenu ul li ul li ul li, #popupmenu ul li ul li ul li ul li { margin: 0; padding: 0; float: left; list-style-type: none; position: relative; background-color: #000080; } /* add more for each extra submenu level*/ #popupmenu ul li ul, #popupmenu ul:hover li ul li ul, #popupmenu ul:hover li ul li ul li ul, #popupmenu ul:hover li ul li ul li ul li ul { display: none; z-index: 1000; } /* First submenu level*/ #popupmenu > ul > li:hover > ul{ display: block; /*unhide it*/ left:0; float: right; position: absolute; /* It needs to be absolute for the effect to work.*/ width: 12em; /*breite der Hover Menüboxeb */ bottom: 1.15em; /* Abstand des Hovermenüs zum Auswahlfeld*/ } /* For the remaining submenu levels*/ /* add more for each extra submenu level*/ #popupmenu ul li ul li:hover ul, #popupmenu ul li ul li ul li:hover ul, #popupmenu ul li ul li ul li ul li:hover ul{ float: right; display: block; position: absolute; width: 7em; left: 6em; bottom: 0.2em; /* Required with some value or the effect will not work*/ } #popupmenu ul li:hover ul li{ display: block; float: left; width: 100%; border: 0.1em solid #C0C0C0; /*umrandung der aktuellen Seite */ } /* Diese Werte sind für die Schrifgröße und Ausrichtung des Menüs da */ #popupmenu ul li a{ margin-left:0.4em; float: left; display: block; text-decoration: none; color: #ffffff; padding: 0.1em; font-weight:bold; font-size:0.9em; font-style:italic; } /* The on state for the link when you are on the submenu. This should be before the hover state for the link itself*/ #popupmenu ul li:hover > a{ background-color: #000080; color: #ffffff; } #popupmenu ul li a:hover { background-color: #C0C0C0; /*Hintergrundfarbe bei Mouseover */ color: #ffffff; /*Schriftfarbe bei Mouseover*/ } #popupmenu ul li ul li a{ float: none; border-color: #C0C0C0; border-width: 0 0.1em 0.1em 0.1em; background-color: #000080; color: #ffffff; font-size: 75%; white-space: normal; } #popupmenu ul li ul li:first-child a{ border-width: 0.1em 0.1em 0.1em 1em; } HTML-Code:
<div id="popupmenu"><ul class="popupmenu1"> <li><a href="wir.html">Über uns</a></li> <li><a href="http://rdg-ring.de">Experten-Suche</a></li> <li><a href="http://sbwgmbh.eu">SV-Fortbildung</a></li> <li><a id="aktuell">RDG-Werbemaßnahmen</a> <ul> <li><a href="print.html">Print-Werbung</a></li> <li><a href="messe.html">Messe-Ausstellung</a></li> <li><a href="tv.html">TV-Ausstrahlungen</a></li> <li><a href="inet.html">Internet-Werbemaßnahmen</a></li> </ul> </li> <li><a href="shop.html">RDG-Shop</a></li> <li><a id="aktuell1">Gerichts-Urteile</a> <ul> <li><a href="sonstige_urteile.html">Sonstige Urteile</a></li> <li><a href="medizin_urteile.html">Medizin-Urteile</a></li> <li><a href="bau_urteil.html">Bau-Urteile</a></li> <li><a href="datenschutz_urteil.html">Datenschutz-Urteile</a></li> <li><a href="edv_urteil.html">EDV-Urteile</a></li> <li><a href="kfz_urteil.html">KFZ-Urteile</a></li> </ul> </li> <li><a id="aktuell2">Registrierung</a> <ul> <li><a href="sachverreg.html">Sachverständigenregistrierung</a></li> <li><a href="anwaltreg.html">Anwaltsregistrierung</a></li> </ul> </li> <li><a id="aktuell3">Login</a> <ul> <li><a href="privat_login.html">Privatkunden Login</a></li> <li><a href="anwalt_login.html">Anwalts Login</a></li> <li><a href="sach_login">Sachverständigen Login</a></li> </ul> </li> <li><a href="partner.html">Partner</a></li> <li><a id="aktuell4">Rechtliches</a> <ul> <li><a href="agb.html">AGB</a></li> <li><a href="impressum.html">Impressum</a></li> <li><a href="disclaimer.html">Disclaimer</a></li> </ul> </li> </ul> </div> |
Sponsored Links |
|
|||
Dein HTML-Headbereich fehlt
Damit der IE weiß wo er gucken soll, siehe hier: Das perfekte Menü: Klappmenü: Navigieren in Dimensionen (Einbinden per CC im HTML-Dokument)
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
Nein der Headbereich ist da, ich habe hier nur einen Codeschnipsel gepostet.
hier mal die komplette Seite: 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=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="css/main.css"/> <link rel="stylesheet" type="text/css" href="css/menu2.css"/> <link rel="stylesheet" type="text/css" href="css/leer.css"/> <title>RDG - Ring Deutscher Gutachter GmbH AGB</title> <meta http-equiv="language" content="deutsch, de" /> <meta name="keywords" content="Bau,Boot,EDV,Bewertung,Immobilien,kfz,Medizin, Oldtimer,Wertermittlung,Gutachten " /> <meta name="description" content="Bundesweite Vermittlung von Sachverständigen in den Bereichen KFZ,Bau,Boden,EDV und Medizin" /> <meta name="page-topic" content="Gutachter" /> <meta name="robots" content="index,follow" /> <meta name="revisit-after" content="5 days" /> <meta name="siteinfo" content="http://www.expertensuchdienst.de/robots.txt" /> <meta name="expires" content="0" /> <meta name="audience" content="alle" /> <!--[if IE]> <style type="text/css" media="screen"> #menu ul li {float: left; width: 100%;} </style> <![endif]--> <!--[if lt IE 7]> <style type="text/css" media="screen"> body {behavior: url(csshover.htc); font-size: 100%;} #menu ul li a {height: 1%;} } </style> <![endif]--> </head> <body> <div id="background"> <ul id="leiste_oben"> <li>Experten-Suche Rechtsanwälte Sachverständige Gutachter Bau-Gutachter KFZ-Gutachter Medizin-Gutachter etc.</li> </ul> <!-- dies ist der Bereich, der von den unterschiedlichen Seiteninhalt darstellt: Beginn --> <div id="leer"></div> <!-- Ende des unterschidelichen Seiteninhalts--> <div class="abstand"><img src="images/spacer.gif" alt="spacer"/></div> </div> <!-- hier beginnt der Eintrag der hover Leiste und des Footers --> <div id="popupmenu"><ul class="popupmenu1"> <li><a href="wir.html">Über uns</a></li> <li><a href="http://rdg-ring.de">Experten-Suche</a></li> <li><a href="http://sbwgmbh.eu">SV-Fortbildung</a></li> <li><a id="aktuell">RDG-Werbemaßnahmen</a> <ul> <li><a href="print.html">Print-Werbung</a></li> <li><a href="messe.html">Messe-Ausstellung</a></li> <li><a href="tv.html">TV-Ausstrahlungen</a></li> <li><a href="inet.html">Internet-Werbemaßnahmen</a></li> </ul> </li> <li><a href="shop.html">RDG-Shop</a></li> <li><a id="aktuell1">Gerichts-Urteile</a> <ul> <li><a href="sonstige_urteile.html">Sonstige Urteile</a></li> <li><a href="medizin_urteile.html">Medizin-Urteile</a></li> <li><a href="bau_urteil.html">Bau-Urteile</a></li> <li><a href="datenschutz_urteil.html">Datenschutz-Urteile</a></li> <li><a href="edv_urteil.html">EDV-Urteile</a></li> <li><a href="kfz_urteil.html">KFZ-Urteile</a></li> </ul> </li> <li><a id="aktuell2">Registrierung</a> <ul> <li><a href="sachverreg.html">Sachverständigenregistrierung</a></li> <li><a href="anwaltreg.html">Anwaltsregistrierung</a></li> </ul> </li> <li><a id="aktuell3">Login</a> <ul> <li><a href="privat_login.html">Privatkunden Login</a></li> <li><a href="anwalt_login.html">Anwalts Login</a></li> <li><a href="sach_login">Sachverständigen Login</a></li> </ul> </li> <li><a href="partner.html">Partner</a></li> <li><a id="aktuell4">Rechtliches</a> <ul> <li><a href="agb.html">AGB</a></li> <li><a href="impressum.html">Impressum</a></li> <li><a href="disclaimer.html">Disclaimer</a></li> </ul> </li> </ul> </div> <div id="footer"> <img src="images/freecall.gif" alt="image" /> <SCRIPT type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/a?url=www.expertensuchdienst.de'></SCRIPT> <a href="http://www.seitwert.de/?url=expertensuchdienst.de" title="Seitwert von expertensuchdienst.de"><img src="http://img.seitwert.de/f1/f0/f1f0da18e4cc03f998909465533affff_white.png" width="88" height="31" alt="Seitwert" style="border:0;" /></a> <img src="images/logo.gif" alt="image" /> <span><!----></span> <div id="w3c"> <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> <!-- Seitzeichen --> <script type="text/javascript">var szu=encodeURIComponent(location.href); var szt=encodeURIComponent(document.title).replace(/\'/g,'`'); var szjsh=(window.location.protocol == 'https:'?'https://ssl.seitzeichen.de/':'http://w3.seitzeichen.de/'); document.write(unescape("%3Cscript src='" + szjsh + "w/95/cc/widget_95cc9d9893aec8399d8f1859479ab5e2.js' type='text/javascript'%3E%3C/script%3E"));</script> <!-- Seitzeichen --> </div> </body> </html> |
|
|||
Dann schau mal, wo deine csshover.htc liegt.
HTML-Code:
<!--[if lt IE 7]> <style type="text/css" media="screen"> body {behavior: url(csshover.htc); font-size: 100%;} #menu ul li a {height: 1%;} } </style> <![endif]--> Andernfalls eben einen absoluten Pfad verwenden wie " url(/csshover.htc); "
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
|||
Ähmja, deine wichtige ID lautet popupmenu1 ( oder popupmenu) das muss natürlich angepasst werden
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
|||
Dann spring mal runter
HTML-Code:
<!--[if IE]> <style type="text/css" media="screen"> #popupmenu ul li {float: left; width: 100%;} </style> <![endif]--> HTML-Code:
<!--[if lt IE 7]> <style type="text/css" media="screen"> body {behavior: url(csshover.htc); font-size: 100%;} #popupmenu ul li a {height: 1%;} } </style> <![endif]-->
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
|||
hmm klang eigentlich logisch.... nur leider funktioniert es nicht.
habe mal 2 Vorlagen hochgeladen... einmal mit änderung popupmenu # und einmal mit änderung popupmenu1 RDG - Ring Deutscher Gutachter GmbH AGB any other idea? |
Sponsored Links |
|
|||
Hm, mir fällt da nichts großartiges mehr ein. Dein Code sieht soweit o.k. aus, bis auf ein fehlendes div im footer, die Verschachtelung ist stimmig im HTML.
Vielleicht ist dein CSS anders aufgebaut, so dass sich nötige Regeln ungewollt überschreiben? Falls Du Zugriff auf die htaccess hast, könnte folgendes helfen: Code:
AddType text/x-component .htc Whatever:hover
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE6 Problem - Menü zumindest bedienbar machen | Ares | CSS | 1 | 11.02.2011 13:33 |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 09:55 |
Vertikale Navigation: IE6 - Whitespace-Bug? | b.erry | CSS | 6 | 12.02.2009 17:46 |
Horizontales Menü Problem unter IE6 | Xtremo | CSS | 8 | 14.02.2007 11:58 |
Horizontales Menü bricht um im IE5 bis IE6 | kadees | CSS | 7 | 28.12.2006 22:56 |