Problem mit Darstellung in Firefox, IE macht es richtig ???!!!
Markus82
- css
Hallo leute,
ich habe ein problem was mich an den rand des wahnsinns treibt.
Im Firefox wird das horizontale menü im header bereich der Website falsch dargestellt, ich weiß aber nicht wieso?!
Im IE funktioniert es wunderbar.
Das komische an der sache is, das es im Firefox schon einmal richtig funktioniert hat, aber dann plötzlich nicht mehr?!
Ich hoffe ihr könnt mir weiterhelfen
Hier der Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<!--<link rel="stylesheet" href="style.css" type="text/css" title="Standard" media="screen, projection">-->
<style type="text/css">
body
{
margin: 10px 0 20px 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
text-align: center;
color: #505367;
background-color: #D6D6D6;
}
#container
{
margin: 0em auto;
width: 800px;
text-align: left;
background-color: red;
border: 1px solid #717171;
}
#header
{
margin: 0;
padding: 0px;
width: 800px;
height: 127px;
background-color: fuchsia;
background-image: url('bilder/header.gif');
background-position: top-right;
background-repeat: repeat-y;
border-bottom: 1px solid #717171;
}
#contents
{
margin: 0em;
padding: 0em;
width: 800px;
height: 100px;
background-color: white;
}
#footer
{
margin: 0;
width: 800px;
height: 30px;
background-color: white;
border-top: 1px dashed #717171;
}
<!-- Standart Navi -->
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top: 99px;
background-color: #93b9d9;
color: #000;
float: right;
border-top: 1px solid #717171;
font-family: arial, helvetica, sans-serif;
}
*html #navcontainer ul
{
margin-top: 100px;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
padding: 0.4em 1em 0.4em;
background-color: #93b9d9;
color: #000;
text-decoration: none;
float: left;
border-left: 1px solid #717171;
}
#navcontainer ul li a:hover
{
background-color: #65859f;
color: #fff;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div id="navcontainer">
<ul>
<li><a href="#">Startseite</a></li>
<li><a href="#">Über Uns</a></li>
<li><a href="#">Dienstleistung</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
</div>
<div id="contents"></div>
<div id="footer">footer</div>
</div>
</body>
</html>
Hallo Markus82,
1. Validiere deinen Code.
2. Lies dir die Beschreibung des Fehlers durch (es ist wirklich nur einer) und überlege was da fehlen könnte.
thebach
Im Firefox wird das horizontale menü im header bereich der Website falsch dargestellt, ich weiß aber nicht wieso?!
unwahrscheinlich, dass der firefox etwas falsch darstellt und der ie richtig - wie siehts mit anderen, weitestgehend standardkonformen, browsern aus (opera, safari)?
Im IE funktioniert es wunderbar.
wie gewünscht vielleicht
Das komische an der sache is, das es im Firefox schon einmal richtig funktioniert hat, aber dann plötzlich nicht mehr?!
von selbst passiert nix, da muss schon jemand etwas geändert haben
Ich hoffe ihr könnt mir weiterhelfen
momentan hab ich nicht die motivation den code auszuprobieren, ein online-beispiel machts den helfenden leichter bei einem derart langen code
Hi,
background-position: top-right;
ungültiger Wert
<!-- Standart Navi -->
#navcontainer ul
ungültiger Selektor
*html #navcontainer ul
Auch ungültiger Selektor.
cu,
Andreas
Danke für die Hinweise,
den ersten Fehler kann ich mir ja noch erklären, aber was meinst du mit ungültiger Selektor?
Die Menüstruktur ist von http://css.maxdesign.com.au/listamatic/horizontal03.htm
Ich habe das Menü von dort übernommen und nur geändert, das es nicht mehr über die gesamte breite geht und das es rechts angeordnet ist.
Mehr hab ich nicht getan.
MFG
Markus
Hi,
background-position: top-right;
ungültiger Wert
<!-- Standart Navi -->
#navcontainer ulungültiger Selektor
*html #navcontainer ul
Auch ungültiger Selektor.
cu,
Andreas
Hi,
den ersten Fehler kann ich mir ja noch erklären, aber was meinst du mit ungültiger Selektor?
Die Menüstruktur ist von http://css.maxdesign.com.au/listamatic/horizontal03.htm
Ich habe das Menü von dort übernommen und nur geändert, das es nicht mehr über die gesamte breite geht und das es rechts angeordnet ist.
Und Du hast den Selektor geändert.
Dort: #navcontainer ul
Bei Dir: <!-- Standart Navi --> #navcontainer ul
cu,
Andreas
Och menno, ich muss blind gewesen sein.
Jetzt klappt es natürlich :-)
Danke Danke.
Schönen Tag noch.
Hi,
den ersten Fehler kann ich mir ja noch erklären, aber was meinst du mit ungültiger Selektor?
Die Menüstruktur ist von http://css.maxdesign.com.au/listamatic/horizontal03.htm
Ich habe das Menü von dort übernommen und nur geändert, das es nicht mehr über die gesamte breite geht und das es rechts angeordnet ist.Und Du hast den Selektor geändert.
Dort: #navcontainer ul
Bei Dir: <!-- Standart Navi --> #navcontainer ulcu,
Andreas
@@MudGuard:
Und Du hast den Selektor geändert.
Dort: #navcontainer ul
Bei Dir: <!-- Standart Navi --> #navcontainer ul
AFAIS ist '<!-- Standart Navi --> #navcontainer ul' kein Selektor.
CDO : '<!--';
CDC : '-->';
stylesheet : [ CDO | CDC | S | statement ]*;
statement : ruleset | at-rule;
ruleset : selector? '{' S* declaration? [ ';' S* declaration? ]* '}' S*;
[CSS21 §4]
CDO und CDC gehören nicht zum statement, ergo nicht zum ruleset, ergo nicht zum selector.
'Standart Navi' ist freilich kein gültiges statement.
@Markus82:
Kommentare in CSS: [CSS2 §4.1.9]
Live long and prosper,
Gunnar