• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Was gibt es Schöneres als den Mai draußen in der Natur mit allen Sinnen zu genießen? Lasst uns teilhaben an Euren Erlebnissen und macht mit beim Thema des Monats Da blüht uns was! ---> Klick

hilfe!! firefox akzeptiert navigation nicht richtig

hello

Schöner von Nordhausen
Registriert
02.07.06
Beiträge
327
hallo zusammen

ich bin gerade an einer naigation für meine homepage. es idt eine horizontale navigation bei der bei einem rollover eine art unternavigation konnt. Also so eine art flyout-menü.
im safari funktioniert das auch einwandfrei...aaaaber im firefox wil es nicht, jedes mal wen ich dan über den "button" galerie gehe mit der maus wird der button breiter....immer und immer wieder, was kann ich dagegen tun? ist etwas falsch mit dem sourcecode?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
.navigation {
margin-top: 76px;
margin-left: 20px;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #333333;
}

li {
position:relative;
float: left;
text-align: center;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}

li a {
text-decoration:none;
color: #CCCCCC;
display: block;
width: 100%;
background-color: #424242;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
font-weight:bold;
height: 23px;
background-image:url(bg_nav.gif);
}

li a:hover {
background-color: #686868;
color:#FFFFFF;
background-image:url(bg_nav_over.gif);
}

li ul {
position: absolute;
display:none;
top: 28px;
left: auto;
background-color: #666666;
}

li ul li a {
background-image: none;
background-color: #666666;
width: 100px;
text-align:left;
}

li:hover ul {
display:block;
}
li ul li a:hover {
background-image:none;
background-color:#CCCCCC;
}
</style>
</head>

<body>
<div class="navigation">
<ul>
<li><a href="">Home</a></li>
<li><a href="">ENG</a></li>
<li><a href="">News</a></li>
<li><a href="">Galerie</a>
<ul>
<li><a href="">testsadas1</a></li>
<li><a href="">test2</a></li>
</ul>
</li>
<li><a href="">Verkauf</a></li>
<li><a href="">Gewerbehaus</a></li>
<li><a href="">Kontakt</a></li>
</ul>
</div>
</body>
</html>
oder bin ich einfach zu blöd zum den firefox richtig zu nutzen?

mfg
manuel
 

TaTonka

Neuer Berner Rosenapfel
Registriert
19.03.06
Beiträge
1.975
versuch mal dein css anzupassen.. einfach bissl mit spielen. hier mal nen wert ändern, da mal nen wert ändern...

und glaub mir: ff ist näher am standard als safari....d.h. der anzeige vom ff ist zu vertrauen