Autor |
Nachricht |
artifix
Threadersteller
Dabei seit: 07.04.2005
Ort: Darmstadt
Alter: -
Geschlecht:
|
Verfasst So 07.12.2008 23:54
Titel CSS - Klappmenü funktioniert nicht im ie |
|
|
Hallo,
folgendes Menü funktioniert einwandfrei im Firefox, aber aus irgendeinem Grund nicht im Internetexplorer 7.
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
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 08.12.2008 00:47
Titel
|
|
|
Am besten entfernst du erstmal alle Fehler im Quelltext und lädst fehlende Dateien hoch.
|
|
|
|
|
Anzeige
|
|
|
Mark-Korb
Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Mo 08.12.2008 09:48
Titel
|
|
|
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.
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
artifix
Threadersteller
Dabei seit: 07.04.2005
Ort: Darmstadt
Alter: -
Geschlecht:
|
Verfasst Mo 08.12.2008 13:53
Titel
|
|
|
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>Ü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 }
|
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 08.12.2008 14:04
Titel
|
|
|
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.
|
|
|
|
|
misprintedtype
Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 08.12.2008 14:10
Titel
|
|
|
li:hover
klappt nicht im ie...
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 08.12.2008 14:15
Titel
|
|
|
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
|
|
|
|
|
|
|
|
Ä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?
|
|