Markus82: Problem mit Darstellung in Firefox, IE macht es richtig ???!!!

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>  

  1. 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

    --
    selfcode: ie:% fl:( br:> va:) ls:& rl:( n4:~ ss:| de:> js:( ch:? mo:} zu:)
    "Egal, ob ein Sandkorn oder ein Stein. Im Wasser sinken sie beide."
  2. 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

  3. Hi,

    background-position: top-right;

    ungültiger Wert

    <!-- Standart Navi -->
      #navcontainer ul

    ungültiger Selektor

    *html #navcontainer ul

    Auch ungültiger Selektor.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    1. 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 ul

      ungültiger Selektor

      *html #navcontainer ul

      Auch ungültiger Selektor.

      cu,
      Andreas

      1. 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

        --
        Warum nennt sich Andreas hier MudGuard?
        O o ostern ...
        Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
        1. 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 ul

          cu,
          Andreas

        2. @@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]

          Standart oder Standard?

          Live long and prosper,
          Gunnar

          --
          “New Jersey Hall of Fame? […] But then I ran through the list of names: Albert Einstein, Bruce Springsteen... my mother's going to like that. […] it's the only time she's going to hear those two names mentioned in the same sentence, so I'm going to enjoy it.” (Bruce Springsteen when inducted into the New Jersey Hall of Fame, 2008-05-04)