mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 18.04.2024 15:37 Benutzername: Passwort: Auto-Login

Thema: Navigationsmenü bei überfahren im Firefox unten im IE rechts vom 02.03.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Navigationsmenü bei überfahren im Firefox unten im IE rechts
Autor Nachricht
NutBuster
Threadersteller

Dabei seit: 02.03.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 02.03.2012 17:55
Titel

Navigationsmenü bei überfahren im Firefox unten im IE rechts

 Antworten mit Zitat Zum Seitenanfang
Hallo,

ich habe für meinen Verein eine Website erstellt mit einem Navigationsmenü das sich bei überfahren öffnet. Im Firefox wird das Submenü unter dem Hauptpunkt angezeigt (so soll es auch sein) im Internet Explorer allerdings rechts daneber. Hat jemand einen Tip an was das liegen könnte und wie man das behebt?

Website

Gruß
Nut
  View user's profile Private Nachricht senden
Emanuele

Dabei seit: 02.03.2012
Ort: -
Alter: 31
Geschlecht: Männlich
Verfasst Sa 03.03.2012 15:51
Titel

Antworten mit Zitat Zum Seitenanfang
Hast du vielleicht ein Code Schnipsel da ?

Raten ist schwer Grins
  View user's profile Private Nachricht senden
Anzeige
Anzeige
NutBuster
Threadersteller

Dabei seit: 02.03.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 03.03.2012 22:21
Titel

Antworten mit Zitat Zum Seitenanfang
Ich bin dem Problem ein wenig näher gekommen. Der IE7 interpretiert das Menü rechts. IE8 interpretiert es wieder darunter.

Hier der html Code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Navigation</title>
<link href="styles_test.css" rel="stylesheet" type="text/css" />
</head>

<body id="home">

<div id="navcontainer">
 <ul id="navlist">
 <li><a href="index.php">Home</a></li>
           <li id="active"><a href="#" id="current">Spielbetrieb</a>
<ul id="subnavlist">
<li id="subactive"><a href="ligaa.php" id="subcurrent">Kreisliga A</a></li>
<li><a href="ligac.php">Kreisliga C</a></li>
<li><a href="team.php">Team 11/12</a></li>
<li><a href="jugend.php">Jugend</a></li>
<li><a href="soma.php">SOMA</a></li>
<li><a href="#">Gymnastik</a></li>
</ul>

</li>
<li id="active"><a href="#" id="current">Verein</a>
<ul id="subnavlist">
<li id="subactive"><a href="geschichte.php" id="subcurrent">Geschichte</a></li>
<li><a href="mitgliedsantrag.php">Mitgliedsantrag</a></li>
<li><a href="struktur.php">Struktur</a></li>
<li><a href="files/TSV_Satzung.pdf">Satzung</a></li>
</ul>

</li>

<li id="active"><a href="#" id="current">Media</a>
<ul id="subnavlist">
<li id="subactive"><a href="bilder.php" id="subcurrent">Bilder</a></li>
<li><a href="interviews.php">Interviews</a></li>
<li><a href="tsvgeschichte.php">TSV-Geschichte</a></li>

</ul>


Und hier der CSS Code

Code:
        ul#navlist { font-family: sans-serif; }

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li {
float: left;

}

ul#navlist li a
{
color: #ffffff;
background-color: #2828FF;
padding: 7px;
border: 1px #ffffff outset;
}

ul#navlist li a:hover
{
color: #ffff00;
background-color: #003366;
}

ul#navlist li a:active
{
color: #cccccc;
background-color: #003366;
border: 1px #ffffff inset;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 4px;
}

ul#navlist li:hover ul#subnavlist li a:before { content: " | "; }
  View user's profile Private Nachricht senden
 
Ähnliche Themen Tabellenspalten beim überfahren einfärben
Navigationsmenü soll bei Klick ausklappen
Navigationsmenü Trick? (Master Page Item)
[HTML] Navigationsmenü: Button-Grafiken kontra Text-Links
Navigationspunkte rechts
div 20px nach rechts
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB