Stefan: Firefox und css

Hallöchen alle,
ich habe da ein css Script das wie folgt aussieht:

#navbox  {

* font-family : Arial, Helvetica, sans-serif;
    * height : 20px;
    * width : 500px;
    * position : absolute;
    * left : 10px;
    * top : 75px;
    * font-size : 12px;
    * color : #ffffff;
    * background-image : url(bilder/navback.gif);

}

Schön soweit. Wird auch als fehlerfrei validiert. Nur Firefox ist der Meinung die Box nicht anzeigen zu müssen. Warum eigentlich nicht? Der html Quältext sieht so aus:

<!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>ID-Ausweissysteme</title>
<link href="idsa.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
 background-image: url(bilder/start.gif);
}
-->
</style></head>

<body>
<div id="navbox">tralala</div>
</body>
</html>

Hat jemadn einen Tipp?

Vielen Dank

Stefan

  1. Hallo,

    Hat jemadn einen Tipp?

    nein, nur 2 fragen:

    warum definierst du navbox per mit #?  ich schreib immer .navbox {...}

    warum id="navbox" nicht class="navbox" ?

    _____
    MfG,
    seppl

    --
    "Der kluge Mensch macht nicht jeden Fehler selbst - Er lässt auch anderen eine Chance" - W.Churchill
    "Die Hand eines Menschen könnte das Universum erfassen, wenn er nur lernte, seine Faust zu öffnen" - Werner Mitsch
    1. Hallo,

      warum definierst du navbox per mit #?  ich schreib immer .navbox {...}

      weil er eben id="navbox" hat und nicht class="navbox" - mit einem . greifst du auf Klassen und mit # auf IDs zu.

      warum id="navbox" nicht class="navbox" ?

      weil eine Navigation vermutlich nur einmal auf der Seite vorkommt, warum soll man dann nicht eine ID nehmen mit der man die Box eindeutig identifizieren kann?

      Grüße aus Nürnberg
      Tobias

      1. Hallo,

        snip...

        Grüße aus Nürnberg
        Tobias

        Hallo Tobias,
        danke für die AW. ;O)

        Stefan

  2. Hallo Stefan

    des Rätsels Lösung ist:

    * color : #ffffff;

    Das ist Schriftfarbe weiß, sozusagen weiß auf weiß, super Kontrast :-D

    Da kann auch der Firefox nicht mehr ;-))

    Viele Grüße,

    Carsten

    1. Hallo Carsten,
      nein, Firefox zeigt mir die Box nicht an und der Text steht lesbar oben auf der Seite.

      Stefan

      1. Hallo,

        nein, Firefox zeigt mir die Box nicht an und der Text steht lesbar oben auf der Seite.

        Dann wird also das CSS nicht interpretiert. Du solltest folgendes Prüfen:

        1. Wird die externe CSS-Ressource mit dem im LINK-Element angegebenen Pfad gefunden?

        2. Wird diese Ressource mit dem Content-Type "text/css" ausgeliefert?

        viele Grüße

        Axel

  3. Hallo,

    funktioniert bei mir wunderbar:

    <!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>ID-Ausweissysteme</title>
    <style type="text/css">

    #navbox  {

    font-family : Arial, Helvetica, sans-serif;
         height : 20px;
         width : 500px;
         position : absolute;
         left : 10px;
         top : 75px;
         font-size : 12px;
         color : #ffffff;
         background:#cccccc;

    }

    </style></head>

    <body>
    <div id="navbox">tralalaa</div>
    </body>
    </html>

    gruss

    --
    no strict;
    no warnings;
    man google
  4. Hi,

    ich habe da ein css Script das wie folgt aussieht:
    #navbox  {
        * font-family : Arial, Helvetica, sans-serif;

    Schön soweit. Wird auch als fehlerfrei validiert.

    Das glaube ich nicht. Die * am Zeilenanfang haben dort nichts verloren. Und wenn ich das validiere, wie Du es angegeben hast, kommt ein parse error.

    cu,
    Andreas

    --
    MudGuard? Siehe http://www.Mud-Guard.de/
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    1. Das glaube ich nicht. Die * am Zeilenanfang haben dort nichts verloren. Und wenn ich das validiere, wie Du es angegeben hast, kommt ein parse error.

      Genau, ich hab gelogen. Sorry. ;o)
      Die Sternchen sind nicht bei mir im Quelltext. Ok?

      Stefan

      cu,
      Andreas

      1. Hi,

        Die Sternchen sind nicht bei mir im Quelltext. Ok?

        Was soll das? Wieso stellst Du hier absichtlich anderen als den betroffenen Code rein?

        cu,
        Andreas

        --
        MudGuard? Siehe http://www.Mud-Guard.de/
        Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
        1. Was soll das? Wieso stellst Du hier absichtlich anderen als den betroffenen Code rein?

          War ein Versehen. Alles klar? Aber vieleicht wollte ich dich auch nur etwas ärgern? Wer weiß?

          Stefan

  5. Hallo,

    #navbox  {

    * font-family : Arial, Helvetica, sans-serif;
    ...

    Mal was anderes: für was sind da eigentlich die "*" ?

    Danke!
    Thomas

    1. #navbox  {

      * font-family : Arial, Helvetica, sans-serif;
      ...

      Mal was anderes: für was sind da eigentlich die "*" ?

      An dieser Stelle zeigen sie an, dass der Autor nicht verstanden hat, wie man CSS benutzt. An anderer Stelle (dort, wo jetzt #navbox steht) ist das Sternchen ein Platzhalter. Die CSS-Syntax ist in http://www.w3.org/TR/CSS2/syndata.html#syntax beschrieben (dort insbesondere die Regeln "declaration : property ':' S* value;" und "property : IDENT S*;", die hier missachtet werden), das Sternchen als Platzhalter in http://www.w3.org/TR/CSS2/selector.html#q1.

      1. Hallo,
        nein an dieser Stelle sieht man, dass der Autor 2 unverzeihliche Fehler begangen hat:

        1. er hat sein Valditionsergebnis einfach aus der Valiationseite heraus kopiert und nicht darauf geachtet das da dann * eingefügt wurden.

        2. Hat er gewagt hier nach Hilfe zu suchen. Das hätte er nicht tun sollen. Denn einmal muss er wohl eindeutig lügen, wie Mudgard ja bereits mit kriminalistischer Unnachgiebigkeit eruriert hat und zum zweiten hat er seine ebenfalls kriminelle Unwissenheit den Erlauchten und bereits mit den siebenfachen Segnungen des Gottes der Vollendung Ibinunfehlba Ausgestatteten zum vorurteilsfreien Frass vorgeworfen.

        Ich schlage 30 Stockhiebe vor und Verbannung in die USA

        Stefan

        1. nein an dieser Stelle sieht man, dass der Autor 2 unverzeihliche Fehler begangen hat:

          1. er hat sein Valditionsergebnis einfach aus der Valiationseite heraus kopiert und nicht darauf geachtet das da dann * eingefügt wurden.

          Unverzeihlich, unverzeihlich.

          Ich schlage 30 Stockhiebe vor und Verbannung in die USA

          Das ist zu wenig für eine solch verwerfliche Tat. Ich schlage 30 Stockhiebe auf seiner Herkömmlichkeit, Herrn George W. Bushs nacketen Hintern vor, auszuführen durch den in Ungnade gefallenen Autor unter Anwesenheit einer beträchtlichen Anzahl lustig verkleideter Jünger seiner Herkömmlichkeit und nicht weniger als 30 Fernsehkameras.
          Nicht nur werden die Schergen seiner Herkömmlichkeit dafür Sorge tragen, dass der Autor hernach den Erlauchten und bereits mit den siebenfachen Segnungen des Gottes der Vollendung Ibinunfehlba Ausgestatteten nicht mehr mit seinem Anblicke belasten könne, es trüge auch vorzüglichst zur allgemeinen Belustigung des im Forum anwesenden Pöbels bei.

          1. ;o)

            Jetzt weiß ich zwar immer noch nicht was Firefox hat, aber lustig wars trotzdem. Schönes WE noch

            Stefan

            1. Jetzt weiß ich zwar immer noch nicht was Firefox hat,

              Vielleicht stellst Du die fraglichen beiden Dateien einfach mal ins Netz, damit man sie sich anschauen kann. Ansonsten: Beherzige Axels Tipp. Installiere zur Not Firefox neu (aktuell ist 0.9.3).

              Mit den bislang verfügbaren Informationen kann Dir hier wirklich niemand weiteres sagen, außer dass bis hier alles in Ordnung ist und Du den Quelltext nicht weiter nach der Fehlerursache zu durchsuchen brauchst.