zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden horizontales Menü und der IE6 klappt nicht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.04.2009, 09:48
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.03.2009
Beiträge: 32
cyberoner1 befindet sich auf einem aufstrebenden Ast
Standard 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;
}
Hier der dazugehörige html code:

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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.04.2009, 10:43
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.04.2009, 11:09
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.03.2009
Beiträge: 32
cyberoner1 befindet sich auf einem aufstrebenden Ast
Standard

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>
Mit Zitat antworten
  #4 (permalink)  
Alt 20.04.2009, 11:28
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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]-->
Nach dieser Referenzierung muss sich die csshover.htc im gleichen Ordner befinden wie das HTML-Dokument selbst. Ist das korrekt?
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
Mit Zitat antworten
  #5 (permalink)  
Alt 20.04.2009, 11:44
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.03.2009
Beiträge: 32
cyberoner1 befindet sich auf einem aufstrebenden Ast
Standard

die Datei ist im root Verzeichnis, genauso wie die Datei. daher wundert es mich ja auch
Mit Zitat antworten
  #6 (permalink)  
Alt 20.04.2009, 12:07
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Ä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
Mit Zitat antworten
  #7 (permalink)  
Alt 20.04.2009, 12:41
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.03.2009
Beiträge: 32
cyberoner1 befindet sich auf einem aufstrebenden Ast
Standard

steh grade auf´m Schlauch... was meinst Du mit angepaßt werden.
Ich dachte die csshover.htc wäre für den Fall

whatever:hover???

was soll ich denn da anpassen?
Mit Zitat antworten
  #8 (permalink)  
Alt 20.04.2009, 12:49
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
  #9 (permalink)  
Alt 20.04.2009, 13:28
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.03.2009
Beiträge: 32
cyberoner1 befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 20.04.2009, 14:17
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Näheres und die neueste Version hier beim Autor:

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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:35 Uhr.