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
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
</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
</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