• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Die Bildungsoffensive hier im Forum geht weiter! Jetzt sollen Kreativität und technische Möglichkeiten einen neue Dimension erreichen. Das Thema in diesem Monat lautet - Verkehrte Welt - Hier geht es lang --> 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>
Zum Vergrößern anklicken....
oder bin ich einfach zu blöd zum den firefox richtig zu nutzen?

mfg
manuel
 
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
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
2003-2025 Apfeltalk | Made on a Mac
Oben Unten