mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 20.04.2024 05:33 Benutzername: Passwort: Auto-Login

Thema: CSS - Klappmenü funktioniert nicht im ie vom 07.12.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS - Klappmenü funktioniert nicht im ie
Seite: 1, 2, 3  Weiter
Autor Nachricht
artifix
Threadersteller

Dabei seit: 07.04.2005
Ort: Darmstadt
Alter: -
Geschlecht: Männlich
Verfasst So 07.12.2008 23:54
Titel

CSS - Klappmenü funktioniert nicht im ie

Antworten mit Zitat Zum Seitenanfang

Hallo,

folgendes Menü funktioniert einwandfrei im Firefox, aber aus irgendeinem Grund nicht im Internetexplorer 7. Menno!
Warum? – Ich kann keinen Fehler entdecken. Bitte kann mir jemand auf die Sprünge helfen?

http://www.uedwo.de//test1208/profilC.html


Vielen Dank
artifix



[edit by choise]
Verschoben von Multimedia nach Allgemeines - Nonprint.


Zuletzt bearbeitet von choise am Mo 08.12.2008 00:02, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.12.2008 00:47
Titel

Antworten mit Zitat Zum Seitenanfang

Am besten entfernst du erstmal alle Fehler im Quelltext und lädst fehlende Dateien hoch. Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Mo 08.12.2008 09:48
Titel

Antworten mit Zitat Zum Seitenanfang

Zudem fände ich es Töft wen du den Quellcode der CSS hier rein lädst, auf Anhieb finde ich den nämlich nicht.
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.12.2008 10:51
Titel

Antworten mit Zitat Zum Seitenanfang

Mark-Korb hat geschrieben:
Zudem fände ich es Töft wen du den Quellcode der CSS hier rein lädst, auf Anhieb finde ich den nämlich nicht.


http://www.uedwo.de//test1208/mainCCCCC2.css
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
artifix
Threadersteller

Dabei seit: 07.04.2005
Ort: Darmstadt
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.12.2008 13:53
Titel

Antworten mit Zitat Zum Seitenanfang

Habe euch extra einen Link eingesetzt, damit ihr euch dass Css ansehen könnt. Fehlende Dateien gibt es bei dem Beispiel keine. Wäre also nett wenn ihr auf meine Frage eingehen würdet.

Für alle die, die keine Lust auf einen Klick auf meinen Link haben, poste ich hier mal den Quelltext.

HTML:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
   <head>
      <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"
      <title>menutest</title>
      <link rel="stylesheet" type="text/css" href="mainCCCCC2.css">
   </head>
   <body>
<!--HAUPTMENUE ANFANG------------------------->
<!--HAUPTMENUE ANFANG------------------------->
<div id="fd" class="fd">
<ul>
<li style="width: 96px;"><a class="alis"
            href="profil.html" title=""><b>&Uuml;ber mich</b> </a></li>
<li style="width: 96px;"><a class="alis"
            href="leistungen.html" title="">Leistungen</a></li>
<li style="width: 110px;"><a class="alis"
            href="informationen1.html" title="">Informationen</a>
<ul>
<br>
<li class="block"><a href="informationen1.html" title=""><b>-</b> für Patienten</a></li>
<li class="block"><a href="informationen2.html" title=""><b>-</b> für Ärzte</a></li>
</ul>
</li>
<li style="width: 96px;"><a class="alis"
            href="kontakt.html" title="">Kontakt</a></li>
</ul>
</div>
<!--HAUPTMENUE ENDE------------------------->   
<!--HAUPTMENUE ENDE------------------------->
<p><a class="fd" href="css.html" target="_blank">Das ist das Css dazu.</a></p>
   </body>
</html>



CSS:
Code:
.fd
{font-size: 12px;
font-family: Helvetica, Verdana, Arial, sans-serif;
padding-top: 0;
padding-left: 490px;
z-index: 300;
width: auto;
height: auto }

.fd li
{ width: 110px; float: left }

/* no bullets, borders and paddings */
.fd ul
{ text-align: left; list-style-type: none; margin: 0; padding: 0 }

/* top level hover */
.fd a:hover, .fd ul li a:hover
{ color: #693; font-size: 12px; visibility: visible }

.fd a, .fd a:visited
{ color: #AB2900; font-weight: normal; text-decoration: none; display: block; padding-right: 0px; padding-left: 0px; width: 110px; height: 20px }

/* make the second level visible when hover on first level list OR link */
.fd ul li:hover ul, .fd ul a:hover ul
{ visibility: visible }

/* hide sub levels */
.fd ul ul
{ text-align: left; visibility: hidden; width: 110px }
.fd ul li li
{float: right}

#fd {
width: 100%;
height: 80px }

.block {
background-color: #f3fce0;
display: block;
padding-top: 5px;
padding-left: 5px;
outline: solid 1px #693 }

.alis {
padding: 0;
width: 96px }
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.12.2008 14:04
Titel

Antworten mit Zitat Zum Seitenanfang

artifix hat geschrieben:
Fehlende Dateien gibt es bei dem Beispiel keine. Wäre also nett wenn ihr auf meine Frage eingehen würdet.


Doch klar gibt es die, ob die jetzt etwas mit dem Fehler zu tun haben ist ja erstmal egal,
genauso wie Fehler im Quelltext usw. Das solltest du erstmal einfach korrigieren. Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
misprintedtype

Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mo 08.12.2008 14:10
Titel

Antworten mit Zitat Zum Seitenanfang

li:hover

klappt nicht im ie...
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.12.2008 14:15
Titel

Antworten mit Zitat Zum Seitenanfang

misprintedtype hat geschrieben:
li:hover

klappt nicht im ie...


Doch klar, hier geht es um IE7. Er sollte einfach mal einen anderen Doctype verwenden
und die Fehler im Markup korrigieren dann läuft das ganze sicher schon...

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">


Zuletzt bearbeitet von m am Mo 08.12.2008 16:44, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen wie funktioniert so ein muster?
Wie funktioniert SEO (Grundsätze)
Wie funktioniert Lightroom?
get URL () funktioniert nicht
wie Funktioniert das mit ADOdb
Codepen - wie funktioniert's?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.