[GastForen Web allgemein HTML und CSS / Stylesheets CSS-Dropdown-Menü im Firefox ok, im IE nicht

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

CSS-Dropdown-Menü im Firefox ok, im IE nicht

gassnergrafik
Beiträge gesamt: 175

25. Nov 2008, 09:07
Beitrag # 1 von 16
Bewertung:
(11705 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich habe ein CSS-Dropdown Menü erstellt:
http://web15.tony.kundenserver42.de/
Beim Firefox geht es (Dropdown nur bei "Joomla Übersicht" eingerichtet!
IE ignoriert das.
Ich habe es mit:
#mainmenue ul.menu li ul {
display:none;

und
#mainmenue ul li:hover ul, .menu ul a:hover ul {
display:block;

geregelt.

Bin am verzweifeln, grrh
Norbert
X

CSS-Dropdown-Menü im Firefox ok, im IE nicht

FSt
  
Beiträge gesamt: 1965

25. Nov 2008, 09:25
Beitrag # 2 von 16
Beitrag ID: #376142
Bewertung:
(11700 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Norbert

Nimm mal "<!--Designed by Norbert Gassner-->" weg, bzw. Setz es weiter unten in den Quellcode. Die erste Zeile muss mit der Deklaration beginnen.

Gruss
Martin


als Antwort auf: [#376138]

CSS-Dropdown-Menü im Firefox ok, im IE nicht

gassnergrafik
Beiträge gesamt: 175

25. Nov 2008, 10:32
Beitrag # 3 von 16
Beitrag ID: #376149
Bewertung:
(11679 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Du bist ein Engel!

Scheint zu klappen !!!
Den Rest macht mit ie7only.css usw.

DANKE

Norbert


als Antwort auf: [#376142]

CSS-Dropdown-Menü im Firefox ok, im IE nicht

gassnergrafik
Beiträge gesamt: 175

27. Nov 2008, 10:04
Beitrag # 4 von 16
Beitrag ID: #376535
Bewertung:
(11608 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Funktioniert nicht bei IE6
muss ich jetzt über ie6only.css regeln.
Aber wie?
ich habe jetzt
#mainmenue ul.menu li a:hover ul {
display:block;
}

drin.
Anstelle li:hover hier a:hover
Klappt aber trotzdem nicht

Norbert


als Antwort auf: [#376149]

CSS-Dropdown-Menü im Firefox ok, im IE nicht

Philyra
Beiträge gesamt: 509

9. Dez 2008, 05:18
Beitrag # 5 von 16
Beitrag ID: #377894
Bewertung:
(11434 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Also, mit IE8 sieht man da nichts im Menü.

By the way: Bei der Headline "Das Damenstudio in Rheine" mußt Du dringend was an der Typo machen.


als Antwort auf: [#376535]

CSS-Dropdown-Menü im Firefox ok, im IE nicht

gassnergrafik
Beiträge gesamt: 175

10. Dez 2008, 18:14
Beitrag # 6 von 16
Beitrag ID: #378166
Bewertung:
(11380 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Wie? funktioniert mit IE8 auch nicht?


als Antwort auf: [#377894]

CSS-Dropdown-Menü im Firefox ok, im IE nicht

Philyra
Beiträge gesamt: 509

13. Dez 2008, 05:38
Beitrag # 7 von 16
Beitrag ID: #378449
Bewertung:
(11311 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ne, klappt auf und ist orange. Aber die Schrift sieht man nicht.

Aufklappmenüs sind sowieso nicht beliebt, wenn man sie aufklappen muß, das weißt Du? Ich würde Dir empfehlen, das Menü rauszuhauen und dessen Inhalt, der ja das Angebot Deines Ladens ist und der Zweck der Seite, zum Content zu machen. Der ist nimmt 90 Prozent Deiner Seite ein und ist noch leer :) Der Besucher interessiert sich ja für Fitness, Reha und Wellness und nicht für Deine Webdesignkenntnisse. Eigentlich müßte der Besucher bereits auf der Homepage in Deinem Studio stehen.


als Antwort auf: [#378166]

CSS-Dropdown-Menü im Firefox ok, im IE nicht

dkabilka
Beiträge gesamt:

29. Jan 2009, 13:53
Beitrag # 8 von 16
Beitrag ID: #383173
Bewertung:
(10744 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi!Habe ein neues Menu erstellt. Funktioniert im Firefox auch wunderbar, nur im IE werden die Drop-Downs nicht angezeigt. Woran könnte das liegen? Wäre sehr dankbar für Hilfe, da ich das Menu wirklich klasse finde. Hoffe, mir kann jemand helfen. Bitte schreibt mir bitte ne kurze Mail per PM (E-Mail-Adresse gelöscht, FSt). Dann lasse ich euch die Dateien zukommen!
Vielen Dank schonmal!


als Antwort auf: [#376138]
(Dieser Beitrag wurde von FSt am 29. Jan 2009, 14:08 geändert)

CSS-Dropdown-Menü im Firefox ok, im IE nicht

FSt
  
Beiträge gesamt: 1965

29. Jan 2009, 14:09
Beitrag # 9 von 16
Beitrag ID: #383180
Bewertung:
(10740 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo dkabilka

Bitte keine E-Mail-Adressen ins Forum eingeben - Selbstschutz!
Kannst Du einen Link auf eine Beispielnavigation setzen? Das würde helfen, dass sich noch andere auf Deinen Beitrag hin melden.

Gruss
Martin


als Antwort auf: [#383173]

CSS-Dropdown-Menü im Firefox ok, im IE nicht

GoeGG-ArT
Beiträge gesamt: 2535

29. Jan 2009, 14:43
Beitrag # 10 von 16
Beitrag ID: #383191
Bewertung:
(10717 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hi,
Für joomla gibt es ein cooles
Menü tool. Swmenue. Heisst es...


als Antwort auf: [#383180]

CSS-Dropdown-Menü im Firefox ok, im IE nicht

dkabilka
Beiträge gesamt:

2. Feb 2009, 11:44
Beitrag # 11 von 16
Beitrag ID: #383604
Bewertung:
(10632 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich poste jetzt mal die beiden Codes. Der erste ist der styles.css und der zweite dann eine HP-Seite mit dem Menu schon integriert. Ich vermute, dass der Fehler irgendwo in der css liegt, aber ich weiß nicht wo. Wie gesagt, das Ding geht im Firefox aber nicht im IE, wieso auch immer... Vielen Dank für eure Hilfe! Hier nun die Codes:
Code
<style type="text/css"> 
<!--
body {
cursor: url('http://www.gospirit-siegen.de/cursor.cur');
}
-->
</style>

body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 20px; background-color: #fff;
background-image:url(images/bg.jpg);background-repeat:repeat-x}

html, body {
height: 100%;
padding:0px;
margin:0px;
}
body {
background: url('images/Hintergrundfarbe.gif');;
font-family: "Arial, Verdana, Helvetica";
font-size: 11px;
color:#3B495A;
padding:0px;
margin:0px;
}
a, a:link {
text-decoration: underline;
color:#8C8C8C;
}
a:hover {
text-decoration: none;
color:#8C8C8C;
}
a:active {
text-decoration: underline;
color:#8C8C8C;
}

#container {
width: 757px;
height: auto !important;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom:0px;
}

#top {
width: 757px;;
height: 285px;
background: #FFFFFF url('images/header.jpg');
margin:0px;
padding:0px
}

img
{
margin:5px;
}

#core_container2 {
width: 757px;
height:auto;
position: relative;
margin:0px;
padding:0px;
background-color: #FFF;
}

#core_left {
margin: 0;
float: none;
width: 757px;
background-color: #FFF;
}

#core_right {
margin: 0;
float: right;
width: 757px;
min-height:285px;
color:#000;
background:#FFF;
}

.content-box {
height:auto !important;
float:left;
width: 757px;
font-family: "arial";
font-size: 10px;
color:#000;
margin-bottom:10px;
margin-left:15px;
}

.tumb {
float: left;
margin-right:5px;
padding:0px;
}

.pagination {
margin-left:auto;
margin-right:auto;
text-align:center;
}

#footer {
visibility:hidden
}

#footer_line {
border-bottom: 1px ridge #000;
margin:0px;
padding:0px;
width:757px;
height:1px;
}

#footer_text {
background:#FFF;
color:#BCBCBC;
font-size:10px;
float:right;
margin-right:30px;
margin-top:15px;
}

#footer2 {
width: 757px;
padding-top:10px;
padding-left:14px;
text-align: center;
height:50px;
background:#FFF;
clear:both;
}


h2 {
font-family: "Verdana", Lucida Handwriting, sans-serif;
font-size:18px;
height:25px;
}

h3 {
font-family: "Verdana", Lucida Handwriting, sans-serif;
font-size:12px;
height:15px;
margin:0px;
padding:0px;
color:#8C8C8C;
border-bottom: 1px ridge #000;
margin-bottom:8px;
}

h3:first-letter {
font-size: 12px;
font-family: Verdana;
color: #000;
}

h4 {
font-family: "Verdana", Lucida Handwriting, sans-serif;
font-size:12px;
}


/****************************************/
/*Ab hier neues Menü*/
/****************************************/

/* common styling */
#menu2 {font-family: arial, sans-serif; width:100%; height:36px;
position:relative; font-size:11px;
z-index:100;}

#menu2 ul li a,
#menu2 ul li a:visited {display:block;
text-decoration:none; color:#000;
width:83px;
height:36px;
text-align:center;
color:#fff;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border-left:solid 1px #fff;
border-bottom:solid 1px #fff;
border-top:solid 1px #fff;

line-height:36px;
text-align:center;
font-size:11px;
font-weight: bold;
overflow:hidden;}

#menu2 ul
{padding:0;
margin:0;
list-style: none;}

#menu2 ul li
{float:left;
position:relative;}

#menu2 ul li ul
{display: none;}

/*specific to non IE browsers */
#menu2 ul li:hover a
{color:#fff; background:#000000;}

#menu2 ul li a:hover {background-color:#fff;color:#000; text-decoration:none ;
border-left:solid 1px #fff;
border-bottom:solid 1px #fff;
border-top:solid 1px #fff;
-moz-opacity: 0.80;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity: 0.80;
font-style:italic;
font-weight: bold;
}

#menu2 ul li:hover ul
{display:block; position:absolute;
top:37px;
left:0px; width:150px;}

#menu2 ul li:hover ul li a.hide
{background:#000000; color:#fff;}

#menu2 ul li:hover ul li:hover a.hide {background:#000;
color:#fff;}

#menu2 ul li:hover ul li ul
{display: none;}

#menu2 ul li:hover ul li a
{display:block; background:#000;
color:#fff;}

#menu2 ul li:hover ul li a:hover {background:#fff;
color:#000;}

#menu2 ul li:hover ul li:hover ul
{display:block; position:absolute;
left:0px;
top:0;}

#menu2 ul li:hover ul li:hover ul.left
{left:0px;
top:0;}

/* menue oben */

.buleiste {
height:36px;
background-color:#000;
-moz-opacity: 0.50;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
opacity: 0.50;
font-weight: bold;
height:36px;
}


und jetzt die HP-Seite:

Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html>
<head>


<link rel="stylesheet" href="styles.css" type="text/css">


</head>
<body>

<table width="757px" align="center" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td align="right" class="li" >&nbsp;</td><td ><!--ende aussentab-->

<table align="center" width="757px" cellspacing="0" cellpadding="0" border="0" id="top" >
<tr>
<td valign="top" >&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td width="757px" align="left" valign="bottom" class="buleiste" ><!--menü oben-->
<table id="menu2" height="36px" width="757px" border="0" cellpadding="0" cellspacing="0" >
<tr>

<td>
<ul>
<li><a class="hide" href="homepage.html">HOMEPAGE</a>
</li>
</ul>
</td>

<td>
<ul>
<li><a class="hide" href="derchor.html" onfocus="this.blur()">CHOR</a>

<ul>
<li><a href="repertoire.html" title="Repertoire">REPERTOIRE</a></li>
<li><a href="sopran.html" title="Sopran">SOPRAN</a></li>
<li><a href="alt.html" title="Alt">ALT</a></li>
<li><a href="tenor.html" title="Tenor">TENOR</a></li>
<li><a href="bass.html" title="Bass">BASS</a></li>
<li><a href="klavier.html" title="Klavier">KLAVIER</a></li>
</ul>

</li>
</ul>
</td>

<td>
<ul>
<li><a class="hide" onfocus="this.blur()">MEDIEN</a>

<ul>
<li><a href="bildergalerie.html" title="Bilder">BILDER</a></li>
<li><a href="video.html" title="Video">VIDEO</a></li>
</ul>

</li>
</ul>
</td>

<td>
<ul>
<li><a class="hide" href="termine.html" onfocus="this.blur()">TERMINE</a>
</li>
</ul>
</td>

<td>
<ul>
<li><a class="hide" href="presse.html" onFocus="this.blur()">PRESSE</a>
</li>
</ul>
</td>

<td>
<ul>
<li><a class="hide" href="gaestebuch.html" onfocus="this.blur()">GÄSTEBUCH</a>
</li>
</ul>
</td>

<td>
<ul>
<li><a class="hide" href="kontakt.html" onfocus="this.blur()">KONTAKT</a>
</li>
</ul>
</td>

<td>
<ul>
<li><a class="hide" href="links.html" onfocus="this.blur()">LINKS</a>
</li>
</ul>
</td>

<td>
<ul>
<li><a class="hide" href="mitglieder/mitgliederbereich.html" onfocus="this.blur()">INTERN</a>
</li>
</ul>
</td>

</tr>
</table>
<!-- ende menü oben-->
</td>
</tr>
</table>



<!--ende oben-->

<table align="center" width="757px" id="main" border="0" cellpadding="0" cellspacing="0" >
<tr><td>
<table background="./images/Hintergrundbild.jpg" height="30" width="757px">
<tr>
<td width="53"></td>
<td align="left">
<div align="justify" style="width: 704; height: 357">
<p align="center" style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0"><u>
<font size="5" color="#A9020A">Terminübersicht</font></u></p>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="310">
<tr>
<td width="50%" height="18">

<p style="margin-top: 0; margin-bottom: 0"><u><b>

<font color="#A9020A" face="Verdana, Arial"><font size="1">Anstehende Auftritte, Worksho</font></font><font face="Verdana, Arial" color="#A9020A" size="1">ps:</font></b></u><font face="Verdana, Arial, Helvetica, sans-serif"><br>

&nbsp;</p>
<p style="margin-top: 0; margin-bottom: 0">





&nbsp;</p>

<p style="margin-top: 0; margin-bottom: 0">





<font color="#A9020A" size="2"><b>08.03.2009 </b>Fullhouse Gottesdienst</font></p>

<p style="margin-top: 0; margin-bottom: 0">





<font size="2">ev. Kirche, Rudersdorf</font></p>

<p style="margin-top: 0; margin-bottom: 0"><font color="#000000" size="2">

Beginn: 19:00 Uhr</font></p>

<p style="margin-top: 0; margin-bottom: 0">





&nbsp;</p>

<p style="margin-top: 0; margin-bottom: 0">





<font color="#A9020A" size="2"><b>12.04.2009 </b>Ostersonntagsgottesdienst</font></p>

<p style="margin-top: 0; margin-bottom: 0">





<font size="2">GH Emmaus, Siegen-Fischbacherberg</font></p>

<p style="margin-top: 0; margin-bottom: 0"><font color="#000000" size="2">

Beginn: 10:45 Uhr</font></p>

<p style="margin-top: 0; margin-bottom: 0">





&nbsp;</p>

<p style="margin-top: 0; margin-bottom: 0">





<font color="#A9020A" size="2"><b>26.04.2009 </b>Konfirmation</font></p>

<p style="margin-top: 0; margin-bottom: 0">





<font size="2">Friedenskirche Achenbach, Siegen-Achenbach</font></p>

<p style="margin-top: 0; margin-bottom: 0"><font color="#000000" size="2">

Beginn: 09:30 Uhr</font></p>

<p style="margin-top: 0; margin-bottom: 0">





&nbsp;</p>

<p style="margin-top: 0; margin-bottom: 0">





<font color="#A9020A" size="2"><b>03.05.2009 </b>Konfirmation</font></p>

<p style="margin-top: 0; margin-bottom: 0">





<font size="2">GH Wellersberg, Siegen</font></p>

<p style="margin-top: 0; margin-bottom: 0"><font color="#000000" size="2">

Beginn: 10:30 Uhr</font></p>

<p style="margin-top: 0; margin-bottom: 0">





&nbsp;</p>

<p style="margin-top: 0; margin-bottom: 0">





<font color="#A9020A" size="2"><b>28.06.2009 </b>Familiengottesdienst</font></p>

<p style="margin-top: 0; margin-bottom: 0">





<font size="2">ev. Kirche, Kreuztal-Eichen</font></p>

<p style="margin-top: 0; margin-bottom: 0"><font color="#000000" size="2">

Beginn: 10:00 Uhr</font></p>

<p style="margin-top: 0; margin-bottom: 0">&nbsp;</p>

<p style="margin-top: 0; margin-bottom: 0"><font color="#000000" size="2">*Anmerkung: GH

= Gemeindehaus</font></p>

<p style="margin-top: 0; margin-bottom: 0">&nbsp;</p>

</font>

</td>
<td width="50%" height="18">

<p style="margin-top: 0; margin-bottom: 0">



&nbsp;</p>

<p style="margin-top: 0; margin-bottom: 0">



<u><font size="1" color="#A9020A" face="Verdana, Arial"><b>Auftritte 2009:</b></font></u></p>

<p style="margin-top: 0; margin-bottom: 0">

&nbsp;</p>

<p style="margin-top: 0; margin-bottom: 0">

<b><font face="Verdana, Arial" size="1" color="#000000">11.01.: Allianz-GoDi,
FeG, Siegen-Fischbacherberg</font></b></p>

<p style="margin-top: 0; margin-bottom: 0" align="left">&nbsp;<p style="margin-top: 0; margin-bottom: 0" align="left">
<u><font size="1" color="#A9020A" face="Verdana, Arial"><b>Frühere
Auftritte:</b></font></u><p style="margin-top: 0; margin-bottom: 0" align="left">&nbsp;<p style="margin-top: 0; margin-bottom: 0" align="left">

<b><font face="Verdana, Arial" size="1" color="#000000">&nbsp;
<a target="_blank" href="downloads/Auftritte%202008.pdf"><font color="#0000FF">
Auftritte 2008</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a target="_blank" href="downloads/Auftritte%202007.pdf"><font color="#0000FF">Auftritte 2007</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a target="_blank" href="downloads/Auftritte%202006.pdf"><font color="#0000FF">Auftritte

2006</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font></b><p style="margin-top: 0; margin-bottom: 0" align="left">

&nbsp;<p style="margin-top: 0; margin-bottom: 0" align="left">

<b><font face="Verdana, Arial" size="1" color="#000000">&nbsp;

<a target="_blank" href="downloads/Auftritte%202005.pdf"><font color="#0000FF">Auftritte 2005</font></a></font><font face="Verdana, Arial" size="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a target="_blank" href="downloads/Auftritte%202004.pdf"><font color="#0000FF">Auftritte

2004</font></a><font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a target="_blank" href="downloads/Auftritte%202003.pdf"><font color="#0000FF">Auftritte

2003</font></a></font></font></b><p style="margin-top: 0; margin-bottom: 0" align="left">

&nbsp;<p style="margin-top: 0; margin-bottom: 0" align="left">

<b><font face="Verdana, Arial" size="1">&nbsp; <font color="#0000FF">

<a target="_blank" href="downloads/Auftritte%202002.pdf"><font color="#0000FF">Auftritte

2002</font></a><span style="text-decoration: none">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

</span></font><a target="_blank" href="downloads/Auftritte%202001.pdf">

<font color="#0000FF">Auftritte 2001</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a target="_blank" href="downloads/Auftritte%202000.pdf"><font color="#0000FF">Auftritte

2000</font></a></font></b><p style="margin-top: 0; margin-bottom: 0" align="left">

&nbsp;<p style="margin-top: 0; margin-bottom: 0" align="center">

<b><font face="Verdana, Arial" size="1" color="#000000">Zum Öffnen der Dateien

benötigt ihr einen </font></b>

<p style="margin-top: 0; margin-bottom: 0" align="center">

<b><font face="Verdana, Arial" size="1" color="#000000">pdf-Reader, welchen ihr

<a target="_blank" href="http://www.adobe.com/de/products/acrobat/readstep2.html?promoid=COYSX">

hier</a> herunterladen könnt.</font></b><p>&nbsp;</td>
</tr>
</table>
</center>
</div>
</div>



<div align="justify">
<table width="700px" id="footer_text" style="border-top-style: solid;">
<tr>
<td align="left" width="200px">
<b>
<font color="#000000" size="1">last update:
<!--webbot bot="Timestamp" S-Type="EDITED" S-Format="%d.%m.%Y" --></font>
</td>
<td align="right"><font face="Verdana, Arial" size="1">
Copyright 2006-2009 - Go<font color="#ff0000">!</font>Spirit Gospelchor | <font color="999999"><b>
<a href="impressum.htm">Impressum</a></b></font></font>
</td>

</tr>


</font>
</table>
</div>
</td>
</tr>
</table>
</table>
</table>

</body>
</html>


Vielen Dank für eure Hilfe!Wer sich die Seite anschauen will kann dies gerne unter http://www.gospirit-siegen.de tun. Dort ist allerdings noch das alte Menu drin!

Gruß
Dominik


als Antwort auf: [#376138]

CSS-Dropdown-Menü im Firefox ok, im IE nicht

SabineP
Beiträge gesamt: 7586

2. Feb 2009, 12:14
Beitrag # 12 von 16
Beitrag ID: #383614
Bewertung:
(10627 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Dominik,

Dein Code enthält zahlreiche Fehler.
Prüfe die Seite am besten mit dem Validator.

HTML-Validator:
http://validator.w3.org/

CSS-Validator:
http://jigsaw.w3.org/css-validator/


als Antwort auf: [#383604]

CSS-Dropdown-Menü im Firefox ok, im IE nicht

swisscheese
Beiträge gesamt: 387

2. Feb 2009, 12:44
Beitrag # 13 von 16
Beitrag ID: #383618
Bewertung:
(10616 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
li:hover hat noch nie funktioniert im IE6 und wird es auch nie. IE6 interpretiert Pseudoklassen (:hover, :active usw.) nur für a-Tags. IE7 kennt immerhin die :hover-Pseudoklasse auch für andere Tags.

Es gibt Workarounds mit Java-Script (Anbindung von Events an die li:hover-Elemente) oder mit etwas komplizierten, aber Java-Scriptfreien Menu-Tabellen, welche speziell für IE6 zusätzlichen Tabellen-Code erzeugt.

Gruss, swisscheese


als Antwort auf: [#383614]

CSS-Dropdown-Menü im Firefox ok, im IE nicht

dkabilka
Beiträge gesamt:

2. Feb 2009, 15:35
Beitrag # 14 von 16
Beitrag ID: #383660
Bewertung:
(10595 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Antwort auf [ SabineP ] Hallo Dominik,

Dein Code enthält zahlreiche Fehler.
Prüfe die Seite am besten mit dem Validator.

HTML-Validator:
http://validator.w3.org/

CSS-Validator:
http://jigsaw.w3.org/css-validator/


Leider habe ich nicht die allergrößte Ahnung davon. Und wenn ich meine css durch den Validator schicke, werden mir zwar Fehler ausgworfen und berichtigt, doch dann wirds auch nicht besser...!Wäre cool, wenn ich irgendwie ne fertige Lösung hätte:-)Funktionsweise sollte auch weiterhin so sein wie im Firefox, nur eben im IE auch mit Dropdown!

THX


als Antwort auf: [#383614]

CSS-Dropdown-Menü im Firefox ok, im IE nicht

SabineP
Beiträge gesamt: 7586

2. Feb 2009, 16:16
Beitrag # 15 von 16
Beitrag ID: #383676
Bewertung:
(10587 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Dominik,

>> Wäre cool, wenn ich irgendwie ne fertige Lösung hätte:-)

Schau mal hier nach, ob etwas passendes für Dich dabei ist:
http://www.dynamicdrive.com/...library/category/C1/

Eine fertige Lösung wirst Du aber sicher nicht finden.


als Antwort auf: [#383660]
(Dieser Beitrag wurde von SabineP am 2. Feb 2009, 16:17 geändert)
X