Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „hover effekt geht nicht in Firefox“

bigpaul

Aktives Mitglied

Hi,
ich habe ein dropdown menü erstellt, und seit einiger Zeit (och weiss net was ich geändert habe) geht es in Firefox nicht mehr.
Internet Explorer so sollte es sein:


Und so im Firefox :( :



Hier noch der Code:
Is vielleicht ein bischen lang aber ich weiss net wie ich es sonst machen sollte.





<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="description" content="Sanitätshaus Pro Mobil - Wir bieten Hilfen, die Ihnen t&glich helfen">
<meta name="keywords" lang="de" content="sanitätshaus, rollstuhl, rollstühle, rehamittel">
<title>Sanitätshaus Pro Mobil - Wir bieten Hilfen, die Ihnen t&glich helfen</title>
<style type="text/css" media="screen"><!--
#header { color: #000; background-color: #deddff; width: 100%; height: 35%; float: left }
#body { color: #333; font-family: Tahoma; background-color: #b2b1cc; margin-top: 2%; margin-left: 2.4%; padding: 5px; width: 72%; height: auto; float: left }
#zertifizierung { background-color: #deddff; margin-top: 0%; margin-left: 2%; width: 10%; height: 63%; float: left }
#vierringe { margin-left: 25% }
#logo { margin-top: 2%; margin-right: 1%; float: right }
#leitsatz {margin-left: 5%;}
#menue { display:none; }
#menuebox { position: relative; height: 30px; top: 200px; margin-left: 5%;}
.stupidie { display:none; }
#menue {
position:absolute;
top: 5px;
left: 0;
z-index: 200;
}

#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: #dec79a;
color: #513913;
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
#menue .aussen:hover {
height: auto;
background-color: #624617;
color: #fff;
}

a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #ecd8ae;
color:#555;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #f7eedb;
color: #900;
}

.stupidie {
display: block;
position: absolute;
top: 5px;
left: 06z-index: 200;
}

a.auss { color: #513913; font-weight: bold; text-decoration: none; background-color: #cd5c00; text-align: center; display: block; width: 9em; height: 1.4em; float: left; overflow: hidden; border-style: solid; border-width: 1px; border-color: #d0843e #78561d #78561d #d0843e }
a:hover.auss {
overflow: visible;
background-color: #CD5C00;
color: #fff;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #CD5C00;
color: #400;
border-collapse: collapse;
}

a.inn { color: #600; font-size: 90%; font-weight: normal; text-decoration: none; background-color: #cd5c00; text-align: center; display: block; padding: 2px 0; width: 9em; border-bottom: 1px solid #78561d }
a:visited.inn {
background-color: #ecd8ae;
color:#444;
}
a:hover.inn {
position: relative;
background-color: #f7eedb;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}
--></style>
</head>

<body bgcolor="#deddff">

<div id="menuebox">
<div id="menue">
<div class="aussen">
<span class="menutag">Startseite</span>
Startseite
</div>
<div class="aussen">
<span class="menutag">Produkte</span>
Reha-Mittel
Wohnraumanpassung
Therapiehilfen
Medizintechnik
Pflegehilfsmittel
</div>
<div class="aussen">
<span class="menutag">Kontakt</span>
Adresse
Anfahrt
E-Mail
</div>

</div>
<div class="stupidie">
<a class="auss" href="#"><span class="menutag">Startseite</span>
<table><tr><td>
Startseite
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Produkte</span>
<table><tr><td>
Reha-Mittel
Wohnraumanpassung
Therapiehilfen
Medizintechnik
Pflegehilfsmittel
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Kontakt</span>
<table><tr><td>
Adresse
Anfahrt
E-Mail
</td></tr></table>
</a>

</div></div>
<div id="header"><div id="logo"></div>
<div id="leitsatz"><font color="#CD5C00">Wir bieten Hilfen, die Ihnen t&glich helfen...</font></div>


</p>
<div id="vierringe">
</div>
</div>

<div id="body">
Herzlich Willkomen bei Pro Mobil.






Unser Schwerpunkt liegt in der Hilfsmittelversorgung und Wohnraumanpassung in der Geriatrie. Die Hilfsmittelberatung f&hren wir meist bei unseren Kunden vor Ort durch, da aufgrund unterschiedlicher Krankheitsbilder, Wohn? und Lebensumst&nde unserer Kunden eine angepa&te, individuelle Hilfsmittelauswahl erforderlich ist.

Die Hilfsmittellieferung und Einweisung erfolgt durch unsere Mitarbeiter. Dar&ber hinaus betreuen wir Einrichtungen wie Alten- und Servicezentren, Sozialstationen, Krankenh&usern, Altenheime und Pflegedienste und geben unser Fachwissen in Vortr&gen an diese weiter. Durch unser zertifiziertes Qualit&tsmanagement stellen wir Leistung auf hohem Niveau sicher.& Aufgrund der Mitgliedschaft in der Reha?Service?Ring GmbH, dem gr&&ten Verband von Sanit&tsh&usern in Deutschland, haben wir Liefervertr&ge mit nahezu allen Kostentr&gern.


Mit unserer Arbeit leisten wir einen Beitrag, damit Behinderte und Senioren mit eingeschr&nkter k&rperlicher Leistungsf&higkeit ein m&glichst selbst bestimmtes Leben f&hren k&nnen.</p></p></p>
</div>

<div id="zertifizierung">
<div align="center">

Qualit&tsmanagement


http://www.mdc-ce.de/</p>





Unsere
Leistungsgemeinschaft</p>


http://www.rsr.de/</p>
</div>
</div>


</p>
</body>

</html>


Ich hoffe ihr könnt mir helfen. Das wäre wirklich wichtig.

Greetz,
Bigpaul
 
Z

zeroinfinity

Guest

JOa...

Ja, das is auch bei mir (auch bei manchen andern HTML sachen) so, das beim internet explorer von microsoft alles fluppt, aber dann bei Firefox nur müll rauskommt.... komisch...ganz komisch (aber habe cih von vielen anderen freunden fon mir acuh gehört, das die damit probleme haben)
 

bigpaul

Aktives Mitglied

valide? mit opera funzt es.
kanns einer mal kurz ausprobieren? Mit firefox? Vielleicht geht nur mit meinem Rechner net...

Greetz
 

blackout

Schaf im Wolfspelz

hmm also ich hab doch schon recht viel html/css geschrieben, und als einziges was "komisch" ist sind mir listen aufgefallen:
ul { margin: 0px; } resultiert in firefox in margin-top/bottom: 0px; in opera allerdings ist die linkseinrückung ebenfalls weg (und sogar negativ).
mit dropdown-menüs hatte ich allerdings noch nie wirklich probleme...
aber sorry, ohne einrückung tu ich mir nicht eine einzige zeile deines codes an, das ist ja wie ein buch ohne satzzeichen zu lesen :\
 

Duddle

Posting-Frequenz: 14µHz

Sorry for OT, aber die Allegorie war so herrlich:
blackout schrieb:
ohne einrückung tu ich mir nicht eine einzige zeile deines codes an, das ist ja wie ein buch ohne satzzeichen zu lesen :\

Faust, der Tragödie erster Teil, ohne Satzzeichen!

Mephistopheles in Auerbachs Keller schrieb:
Ich muß dich nun vor allen Dingen In lustige Gesellschaft bringen Damit du siehst wie leicht sich's leben läßt Dem Volke hier wird jeder Tag ein Fest Mit wenig Witz und viel Behagen Dreht jeder sich im engen Zirkeltanz Wie junge Katzen mit dem Schwanz Wenn sie nicht über Kopfweh klagen So lang der Wirt nur weiter borgt Sind sie vergnügt und unbesorgt

:twisted:


Duddle
 

bigpaul

Aktives Mitglied

ähh gut. Hier die komplette Css Datei:


#header { color: #000; background-color: #deddff; width: 100%; height: 35%; float: left }
#inhalt { color: #333; font-family: Tahoma; background-color: #b2b1cc; margin-top: 2%; margin-left: 2.4%; padding: 5px; width: 72%; height: auto; float: left }
#zertifizierung { background-color: #deddff; margin-top: 0%; margin-left: 2%; width: 10%; height: 63%; float: left }
#vierringe { margin-left: 25% }
#logo { margin-top: 2%; margin-right: 2%; float: right }
#leitsatz {margin-left: 5%; font-weight: bold; }
#menue { display:none; }
#menuebox { position: relative; height: 30px; top: 200px; margin-left: 5%;}
.stupidie { display:none; }
#menue {
position:absolute;
top: 5px;
left: 0;
z-index: 200;
}

#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: #dec79a;
color: #513913;
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
#menue .aussen:hover {
height: auto;
background-color: #624617;
color: #fff;
}

a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #ecd8ae;
color:#555;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #f7eedb;
color: #900;
}

.stupidie {
display: block;
position: absolute;
top: 5px;
left: 06z-index: 200;
}

a.auss { color: #513913; font-weight: bold; text-decoration: none; background-color: #cd5c00; text-align: center; display: block; width: 9em; height: 1.4em; float: left; overflow: hidden; border-style: solid; border-width: 1px; border-color: #d0843e #78561d #78561d #d0843e }
a:hover.auss {
overflow: visible;
background-color: #CD5C00;
color: #fff;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #CD5C00;
color: #400;
border-collapse: collapse;
}

a.inn { color: #600; font-size: 90%; font-weight: normal; text-decoration: none; background-color: #cd5c00; text-align: center; display: block; padding: 2px 0; width: 9em; border-bottom: 1px solid #78561d }
a:visited.inn {
background-color: #ecd8ae;
color:#444;
}
a:hover.inn {
position: relative;
background-color: #f7eedb;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}
#menue {
display:none;
}
.stupidie {
display: block;
position: absolute;
top: 5px;
left: 0;
z-index: 200;
}

a.auss {
float: left;
width: 8em;
height: 1.4em;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #dec79a;
color: #513913;
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
a:hover.auss {
overflow: visible;
background-color: #624617;
color: #fff;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #dec79a;
color: #400;
border-collapse: collapse;
}

a.inn {
display: block;
width: 7.9em; /* fuer 5er IEs anpassen, sonst 'zuckt' es */
padding: 2px 0;
font-size: 100%; /* fuer 5er IEs auf 80% reduzieren */
font-weight: normal;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.inn {
background-color: #ecd8ae;
color:#444;
}
a:hover.inn {
position: relative;
background-color: #f7eedb;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}


So und jetzt nochmal die einbindung in Html:


<div id="menuebox">
<div id="menue">
<div class="aussen">
<span class="menutag">Startseite</span>
Startseite
</div>
<div class="aussen">
<span class="menutag">Produkte</span>
Reha-Mittel
Wohnraumanpassung
Therapiehilfen
Medizintechnik
Pflegehilfsmittel
</div>
<div class="aussen">
<span class="menutag">Kontakt</span>
Adresse
Anfahrt
E-Mail
</div>

</div>
<div class="stupidie">
<a class="auss" href="#"><span class="menutag">Startseite</span>
<table><tr><td>
Startseite
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Produkte</span>
<table><tr><td>
Reha-Mittel
Wohnraumanpassung
Therapiehilfen
Medizintechnik
Pflegehilfsmittel
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Kontakt</span>
<table><tr><td>
Adresse
Anfahrt
E-Mail
</td></tr></table>
</a>

</div></div>

So dürfte es etwas übersichtlicher sein.

Hoffe ihr könnt mir trotzdem noch helfen...
Greetz,
Bigpaul
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.858
Mitglieder
67.222
Neuestes Mitglied
Gregor
Oben