IE Slidedownmenü Problem

Maik · 24. November 2006

Wenn du die Höhe veränderst, muß auch die Positionierung der Submenüs angepasst werden:

Code:

.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}

Und bitte nutze die Highlight-Tags, um deine Code-Angaben zu formatieren:

Catgirl77 · 24. November 2006

Danke für den Tipp, hat geklappt. Nur noch eine letzte Frage: Wie kann ich im Untermenü den Rahmen zwischen den einzelenen Untermenüs abschalten, es sollte aber das komplette Untermenü eingerahmt beliben und nicht noch zwischen drin ein Strich sein etwa so:

border-bottom:2px solid #800080; border-top:0px solid #800080; border-left:2px solid #800080; border-right:2px solid #800080;

Maik · 24. November 2006

Hierfür müsstest du das Stylesheet folgendermaßen erweitern:

Code:

/* common styling */
.menu {font-family: arial, sans-serif; width:750px; position:relative; margin:0; font-size:11px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #fff;  background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul li ul li a, .menu ul li ul li a:visited {border:0; border-left:2px solid #800080; border-right:2px solid #800080;}
.menu ul li ul li a.bottom, .menu ul li ul li a.bottom:visited {border:0; border-left:2px solid #800080; border-right:2px solid #800080;border-bottom:2px solid #800080;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

Und jeweils im untersten / letzten Link eines Submenüs die Klasse .bottom aufrufen:

Code:

<li><a href="../menu/em_images.html" title="em size images compared" class="bottom">em sized images</a></li>

Catgirl77 · 30. November 2006

Was ich aber festgestellt habe, beim Firefox werden die zusätzlichen Untermenüs nicht richtig dargestellt:

Code:

<ul>
<li><a class="hide" href="http://onlinehelp.awa2000.de">Onlinehilfe</a>

<!--[if lte IE 6]>
<a href="http://onlinehelp.awa2000.de">Onlinehilfe
<table><tr><td>
<![endif]-->

	<ul>
	<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#ErsteSchritte" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">	Erste Schritte</a></li>
	<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Objekte" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Objekte</a></li>
	<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Wartungen" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Wartungen</a></li>
	<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Wartungsauftrag" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Wartungsaufträge</a></li>

	 <!--[if lte IE 6]>
    <a class="sub" http://www.onlinehelp.awa2000.de/onlinehelp.htm#Wartungsauftrag" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Wartungsaufträge</a>
    <table><tr><td>
    <![endif]-->


---dieses Untermenü wird nicht richtig dargestellt--->
			<ul>
			<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Instandhaltung" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Instandhaltung</a></li>
			<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Instandsetzung" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Instandsetzung</a></li>
			<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Vorgaenge" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Vorgänge</a></li>
			<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Stoermeldungen" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Störungen</a></li>
			</ul>
-----------------------bis hier--->

	<!--[if lte IE 6]>
	</td></tr></table>
    </a>
    <![endif]-->

	</li>
	<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Objektwartungen" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Weitere Themen</a></li>
	<li><a href="http://www.faq.awa2000.de/faq.htm#Schulung" target="Hauptframe" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')" class="bottom">Schulungen</a></li>
	</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->

</li>

Maik · 30. November 2006

Könntest du bitte den vollständigen Quellcode (HTML + CSS) zeigen, denn im Original funktioniert es einwandfrei.

Und bitte lies nochmal meinen Beitrag bzgl. der Quellcode-Formatierung! Vielen Dank für deine Aufmerksamkeit.

Catgirl77 · 30. November 2006

anbei sende dir den html-code und css, was ist denn mit meiner html formatierung?

Code:

<body>
  <div style="position:absolute; top:120px; left:660px;z-index:101">
    
    <form name="search" onSubmit="return findInPage(this.string.value);">
   		<h2>Suchbegriff eingeben:  
		<input name="string" type="text" size=15 onChange="n = 0;">
		<input type="submit" value="Suchen"><br>
		</h2>
	</form>
	
  </div>



<div class="menu">

<ul>
<li><a class="hide" href="http://onlinehelp.awa2000.de">Onlinehilfe</a>

<!--[if lte IE 6]>
<a href="http://onlinehelp.awa2000.de">Onlinehilfe
<table><tr><td>
<![endif]-->

	<ul>
	<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#ErsteSchritte" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">	Erste Schritte</a></li>
	<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Objekte" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Objekte</a></li>
	<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Wartungen" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Wartungen</a></li>
	<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Wartungsauftrag" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Wartungsaufträge</a></li>

	 <!--[if lte IE 6]>
    <a class="sub" http://www.onlinehelp.awa2000.de/onlinehelp.htm#Wartungsauftrag" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Wartungsaufträge</a>
    <table><tr><td>
    <![endif]-->

			<ul>
			<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Instandhaltung" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Instandhaltung</a></li>
			<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Instandsetzung" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Instandsetzung</a></li>
			<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Vorgaenge" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Vorgänge</a></li>
			<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Stoermeldungen" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Störungen</a></li>
			</ul>

	<!--[if lte IE 6]>
	</td></tr></table>
    </a>
    <![endif]-->

	</li>
	<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Objektwartungen" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Weitere Themen</a></li>
	<li><a href="http://www.faq.awa2000.de/faq.htm#Schulung" target="Hauptframe" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')" class="bottom">Schulungen</a></li>
	</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->

</li>

<li><a class="hide" href="http://www.faq.awa2000.de" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">Fragen &amp; Antworten</a>

<!--[if lte IE 6]>
<a href="http://www.faq.awa2000.de" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Fragen &amp; Antworten
<table><tr><td>
<![endif]-->

	<ul>
	<li><a href="http://www.faq.awa2000.de/faq.htm#Installation" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">Installation</a></li>
	<li><a href="http://www.faq.awa2000.de/faq.htm#Programmstart" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">	Programmstart</a></li>
	<li><a href="http://www.faq.awa2000.de/faq.htm#Objekte" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">Objekte</a></li>
	<li><a href="http://www.faq.awa2000.de/faq.htm#Auftragsbearbeitung" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">Auftragsbearbeitung</a></li>
	<li><a href="http://www.faq.awa2000.de/faq.htm#Artikelverwaltung" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">Artikelverwaltung</a></li>
	<li><a href="http://www.faq.awa2000.de/faq.htm#Autoupdate" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">Autoupdate</a></li>
	<li><a href="http://www.faq.awa2000.de/faq.htm#Automatik" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">Weitere FAQ</a></li>
	</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->

</li>

<li><a class="hide" href="http://handbuch.awa2000.de">Handbücher</a>

<!--[if lte IE 6]>
<a href="http://handbuch.awa2000.de">Handbücher
<table><tr><td>
<![endif]-->

	<ul>
	<li><a href="http://handbuch.awa2000.de/handbuch.htm#Hauptmodul" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Hauptmodul</a></li>
	<li><a href="http://handbuch.awa2000.de/handbuch.htm#Auftragsbearbeitung" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Auftragsbearbeitung</a></li>
	<li><a href="http://handbuch.awa2000.de/handbuch.htm#Automatik" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Automatik</a></li>
	<li><a href="http://handbuch.awa2000.de/handbuch.htm#Diagnose" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Diagnose</a></li>
	<li><a href="http://handbuch.awa2000.de/handbuch.htm#Autoupdate" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Autoupdate</a></li>
	<li><a href="http://handbuch.awa2000.de/handbuch.htm#Benutzerverwaltung" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Benutzerverwaltung</a></li>
	<li><a href="http://handbuch.awa2000.de/handbuch.htm#Artikelverwaltung" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Weitere Handbücher</a></li>
	</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->

</li>

<li><a class="hide" href="http://www.update.awa2000.de">Updatehistorie</a>

<!--[if lte IE 6]>
<a href="http://www.update.awa2000.de">Updatehistorie
<table><tr><td>
<![endif]-->

	<ul>
	<li><a href="http://www.update.awa2000.de/update.htm#2004" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Jahr 2004</a></li>
	<li><a href="http://www.update.awa2000.de/update.htm#2005" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Jahr 2005</a></li>
	<li><a href="http://www.update.awa2000.de/update.htm#2006" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Jahr 2006</a></li>
	<li><a href="http://www.update.awa2000.de/update.htm#Vorhaben" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">	Weitere Vorhaben</a></li>
	</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->

</li>

<li><a class="hide" href="http://www.download.awa2000.de">Download</a>

<!--[if lte IE 6]>
<a href="http://www.download.awa2000.de>Download
<table><tr><td>
<![endif]-->

	<ul>
	<li><a href="http://www.download.awa2000.de/download.htm#Komplettupdate" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Komplettupdate</a></li>
	<li><a href="http://www.download.awa2000.de/download.htm#Installation" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Installation</a></li>
	<li><a href="http://www.download.awa2000.de/download.htm#Mustervorlagen" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Mustervorlagen</a></li>
	<li><a href="http://www.download.awa2000.de/download.htm#Downloads" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Weitere Downloads</a></li>
	</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->

</li>

<li><a class="hide" href="http://onlinehelp.awa2000.de">Kontakt</a>

<!--[if lte IE 6]>
<a href="http://onlinehelp.awa2000.de/">Kontakt
<table><tr><td>
<![endif]-->

	<ul>
	<li><a href="http://onlinehelp.awa2000.de/kontaktformular.htm#Hotline" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/kontakt_navi.htm', 'Navigationsframe')">Support</a></li>
	<li><a href="http://support.awa2000.de" blank="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/kontakt_navi.htm', 'Navigationsframe')">Fernbetreuung</a></li>
	<li><a href="mailto:info@anlagenwartung.de" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/kontakt_navi.htm', 'Navigationsframe')">Entwicklung</a></li>
	<li><a href="mailto:stefan.gastgeb@gastgeb.org" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/kontakt_navi.htm', 'Navigationsframe')">Geschäftsleitung</a></li>
	</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>

</ul>

<div style="position:absolute;top:0px;left:0px; width:900px; height:120px;z-index:-1">
	<img border="0" src="images/onlinehelp_bg.jpg" alt="" width="970" height="140">
</div>

</body>

css-Code:

Code:

/* common styling */
.menu {font-family: verdana, arial, sans-serif; width:900px; position:relative;font-size:10px; top:0px; margin:0px;z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#ffffff;width:138px; height:15px; text-align:center; color:#ffffff; border:1px solid #F3F3F3; background:#800080; line-height:15px; font-size:10px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ffffff; background:#800080;}
.menu ul li:hover ul {display:block; position:absolute; top:16px; left:0; width:140px;}
.menu ul li:hover ul li a.hide {background:#800080; color:#ffffff;}
.menu ul li:hover ul li:hover a.hide {background:#800080; color:#ffffff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#F3F3F3; color:#808080;}
.menu ul li:hover ul li a:hover {background:#800080; color:#ffffff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:140px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

Maik · 30. November 2006

Catgirl77 hat gesagt.:
was ist denn mit meiner html formatierung?

Der Beitrag lässt sich übersichtlicher gestalten und erleichtert das Lesen, wenn die Quellcode-Angaben in die sog. Highlight-Tags gepackt werden.

Maik · 30. November 2006

Du mußt nach dem Link "Wartungsaufträge" den schliessenden </li>-Tag entfernen, dann klappt es auch mit dem Untermenü.

Catgirl77 · 30. November 2006

Genau das war der Fehler, jetzt funktioniert das Menü auch im Firefox, vielen Dank für deine Hilfe. Ich werde in Zukunft mit Sicherheit hier wieder mal reinschauen, aber dann mit Highlight-Tags ;-)

Catgirl77 · 4. Dezember 2006

Hallo, ich bekomm ez langsam die Kriese. Ein Bekannter von mir gab mir eben bescheid, dass mein Menü im Firfox, Netscape, IE7, Opera funktioniert, aber im IE 6 wird das Menü total verschoben angezeigt.

HTML:

<body>
 <div style="position:absolute; top:124px; left:660px;z-index:101">
    <form name="search" onSubmit="return findInPage(this.string.value);">
   		<h2>Suchbegriff eingeben:  
		<input name="string" type="text" size=15 onChange="n = 0;">
		<input type="submit" value="Suchen"><br>
		</h2>
	</form>
  </div>



<div class="menu">

<ul>
<li><a class="hide" href="http://onlinehelp.awa2000.de">Onlinehilfe</a>

<!--[if lte IE 6]>
<a href="http://onlinehelp.awa2000.de">Onlinehilfe
<table><tr><td>
<![endif]-->

	<ul>
		<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#ErsteSchritte" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Erste Schritte</a></li>
		<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Objekte" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Objekte</a></li>
		<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Wartungen" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Wartungen</a></li>
		<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Wartungsauftrag" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Wartungsaufträge</a>

		 <!--[if lte IE 6]>
    	<a class="sub" http://www.onlinehelp.awa2000.de/onlinehelp.htm#Wartungsauftrag" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Wartungsaufträge</a>
    	<table><tr><td>
    	<![endif]-->

			<ul>
			<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Instandhaltung" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Instandhaltung</a></li>
			<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Instandsetzung" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Instandsetzung</a></li>
			<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Vorgaenge" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Vorgänge</a></li>
			<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Stoermeldungen" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Störungen</a></li>
			</ul>

		<!--[if lte IE 6]>
		</td></tr></table>
    	</a>
    	<![endif]-->
	
		<li><a href="http://www.onlinehelp.awa2000.de/onlinehelp.htm#Objektwartungen" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Weitere Themen</a></li>
		<li><a href="http://www.faq.awa2000.de/faq.htm#Schulung" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Schulungen</a></li>
	</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>




<li><a class="hide" href="http://www.faq.awa2000.de">Fragen &amp; Antworten</a>

<!--[if lte IE 6]>
<a href="http://www.faq.awa2000.de" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/onlinehelp_navi.htm', 'Navigationsframe')">Fragen &amp; Antworten
<table><tr><td>
<![endif]-->

	<ul>
		<li><a href="http://www.faq.awa2000.de/faq.htm#Installation" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">Installation</a></li>
		<li><a href="http://www.faq.awa2000.de/faq.htm#Programmstart" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">	Programmstart</a></li>
		<li><a href="http://www.faq.awa2000.de/faq.htm#Objekte" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">Objekte</a></li>
		<li><a href="http://www.faq.awa2000.de/faq.htm#Auftragsbearbeitung" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">Auftragsbearbeitung</a></li>
		<li><a href="http://www.faq.awa2000.de/faq.htm#Artikelverwaltung" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">Artikelverwaltung</a></li>
		<li><a href="http://www.faq.awa2000.de/faq.htm#Autoupdate" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">Autoupdate</a></li>
		<li><a href="http://www.faq.awa2000.de/faq.htm#Automatik" target="Hauptframe" onclick="FrameAendern('http://www.faq.awa2000.de/faq_navi.htm', 'Navigationsframe')">Weitere FAQ</a></li>
	</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>




<li><a class="hide" href="http://handbuch.awa2000.de">Handbücher</a>

<!--[if lte IE 6]>
<a href="http://handbuch.awa2000.de">Handbücher
<table><tr><td>
<![endif]-->

	<ul>
		<li><a href="http://handbuch.awa2000.de/handbuch.htm#Hauptmodul" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Hauptmodul</a></li>
		<li><a href="http://handbuch.awa2000.de/handbuch.htm#Auftragsbearbeitung" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Auftragsbearbeitung</a></li>
		<li><a href="http://handbuch.awa2000.de/handbuch.htm#Automatik" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Automatik</a></li>
		<li><a href="http://handbuch.awa2000.de/handbuch.htm#Diagnose" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Diagnose</a></li>
		<li><a href="http://handbuch.awa2000.de/handbuch.htm#Autoupdate" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Autoupdate</a></li>
		<li><a href="http://handbuch.awa2000.de/handbuch.htm#Benutzerverwaltung" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Benutzerverwaltung</a></li>
		<li><a href="http://handbuch.awa2000.de/handbuch.htm#Artikelverwaltung" target="Hauptframe" onclick="FrameAendern('http://www.handbuch.awa2000.de/handbuch_navi.htm', 'Navigationsframe')">Weitere Handbücher</a></li>
	</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>


<li><a class="hide" href="http://www.update.awa2000.de">Updatehistorie</a>

<!--[if lte IE 6]>
<a href="http://www.update.awa2000.de">Updatehistorie
<table><tr><td>
<![endif]-->

	<ul>
		<li><a href="http://www.update.awa2000.de/update.htm#2004" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Jahr 2004</a></li>
		<li><a href="http://www.update.awa2000.de/update.htm#2005" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Jahr 2005</a></li>
		<li><a href="http://www.update.awa2000.de/update.htm#2006" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Jahr 2006</a></li>
		<li><a href="http://www.update.awa2000.de/update.htm#Vorhaben" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">	Weitere Vorhaben</a></li>
	</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>





<li><a class="hide" href="http://www.download.awa2000.de">Download</a>

<!--[if lte IE 6]>
<a href="http://www.download.awa2000.de>Download
<table><tr><td>
<![endif]-->

	<ul>
		<li><a href="http://www.download.awa2000.de/download.htm#Komplettupdate" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Komplettupdate</a></li>
		<li><a href="http://www.download.awa2000.de/download.htm#Installation" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Installation</a></li>
		<li><a href="http://www.download.awa2000.de/download.htm#Mustervorlagen" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Mustervorlagen</a></li>
		<li><a href="http://www.download.awa2000.de/download.htm#Downloads" target="Hauptframe" onclick="FrameAendern('http://www.update.awa2000.de/update_navi.htm', 'Navigationsframe')">Weitere Downloads</a></li>
	</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>




<li><a class="hide" href="http://onlinehelp.awa2000.de/kontakt_frame.htm">Kontakt</a>

<!--[if lte IE 6]>
<a href="http://onlinehelp.awa2000.de/kontakt_frame.htm">Kontakt
<table><tr><td>
<![endif]-->

	<ul>
		<li><a href="http://onlinehelp.awa2000.de/kontaktformular.htm#Hotline" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/kontakt_navi.htm', 'Navigationsframe')">Support</a></li>
		<li><a href="http://support.awa2000.de" blank="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/kontakt_navi.htm', 'Navigationsframe')">Fernbetreuung</a></li>
		<li><a href="mailto:info@anlagenwartung.de" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/kontakt_navi.htm', 'Navigationsframe')">Entwicklung</a></li>
		<li><a href="mailto:stefan.gastgeb@gastgeb.org" target="Hauptframe" onclick="FrameAendern('http://www.onlinehelp.awa2000.de/kontakt_navi.htm', 'Navigationsframe')">Geschäftsleitung</a></li>
	</ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>

</ul>

<div style="position:absolute;top:0px;left:0px;z-index:-1">
	<img border="0" src="images/onlinehelp_bg.jpg" alt="" width="970" height="140">
</div>

</body>

css-ie

Code:

.menu ul li a.hide, .menu ul li a:visited.hide 	{display:none;}
.menu ul li a:hover ul li a.hide 				{display:none;}

.menu ul li a:hover 							{color:#ffffff; background:#800080;}
.menu ul li a:hover ul 							{display:block; position:absolute; top:0px; left:0; width:140px;}
.menu ul li a:hover ul li a.sub 				{background:#ffffff; color:#808080;}
.menu ul li a:hover ul li a 					{display:block; background:#800080; color:#ffffff;}
.menu ul li a:hover ul li a ul 					{visibility:hidden;}
.menu ul li a:hover ul li a:hover 				{background:#800080; color:#ffffff;}
.menu ul li a:hover ul li a:hover ul 			{visibility:visible; position:absolute; left:140px; top:0; color:#ffffff;}
.menu ul li a:hover ul li a:hover ul.left 		{left:-105px;}

css

Code:

/* common styling */
.menu {font-family: verdana, arial, sans-serif; width:900px; position:relative;font-size:10px; top:0px; margin:0px;z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#ffffff;width:138px; height:15px; text-align:center; color:#ffffff; border:1px solid #F3F3F3; background:#800080; line-height:15px; font-size:10px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ffffff; background:#800080;}
.menu ul li:hover ul {display:block; position:absolute; top:16px; left:0; width:140px;}
.menu ul li:hover ul li a.hide {background:#800080; color:#ffffff;}
.menu ul li:hover ul li:hover a.hide {background:#800080; color:#ffffff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#F3F3F3; color:#808080;}
.menu ul li:hover ul li a:hover {background:#800080; color:#ffffff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:140px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

IE Slidedownmenü Problem

Maik

Anhänge

Catgirl77

Grünschnabel

Maik

Catgirl77

Grünschnabel

Maik

Catgirl77

Grünschnabel

Maik

Maik

Catgirl77

Grünschnabel

Catgirl77

Grünschnabel

Neue Beiträge