Christoph: Probleme mit width (und/oder height) im Firefox

Guten Abend,

Als erstes mal: Bitte nicht über die Seite lästern, da sie 1. noch nicht fertig ist und da es 2. auch meine erste richtige Seite ist/werden wird...^^

Vorweg mal die Seite, mit der ich Probleme habe: http://www.christophh.coolx.ws/
Im IE und im Opera sieht alles so aus, wie es ausschauen soll, nur im FF nicht.(wie ihr seht.... ich hoffe ihr habt beide Webbrowser.)

Die Seite wurde auch schon mal im FF richtig angezeigt, nämlich da, als ich noch alle Attribute direkt in der HTML-Datei hatte. Ich will aber sämtliche Attribute der Übersicht halber in einer Css-Datei haben. Deshalb habe ich statt:
<td height="162" width="120">
eine cssdatei mit folgendem inhalt geschrieben
td{height: 162px; width: 120px;}

Wie ihr seht, klappt das aber beim Firefox nicht.

Hat irgendjemand einen Lösungsvorschlag?
Danke MfG Christoph

  1. Wie ihr seht, klappt das aber beim Firefox nicht.

    Hat irgendjemand einen Lösungsvorschlag?
    Danke MfG Christoph

    ändere
    td.1 {
          background-color: 666f50;
          height: 162px;
          width: 120px;
         }
    td.2 {
          background-image: url(uebergang.jpg);
          vertical-align: top;
         }
    td.3 {
          background-image: url(navi.jpg);
          height: 553px;
          text-align: center;
          vertical-align: top;
         }
    .....
    in
    .1 {
          background-color: 666f50;
          height: 162px;
          width: 120px;
         }
    .2 {
          background-image: url(uebergang.jpg);
          vertical-align: top;
         }
    .3 {
          background-image: url(navi.jpg);
          height: 553px;
          text-align: center;
          vertical-align: top;
         }

    ...
    ich bin mir nicht sicher ob Zahlen als class Nahmen zugelassen sind

    1. Hallo,

      ich bin mir nicht sicher ob Zahlen als class Nahmen zugelassen sind

      Sind sie nicht (Klassennamen dürfen nicht mit einer Zahl beginnen, um genau zu sein). Firefox verhält sich vollkommen richtig und ignoriert die Klassen.

      Viele Grüße
      Carsten

      1. Hallo CarstenP.

        ich bin mir nicht sicher ob Zahlen als class Nahmen zugelassen sind

        Sind sie nicht (Klassennamen dürfen nicht mit einer Zahl beginnen, um genau zu sein).

        Doch, sind sie. Du verwechselst gerade IDs mit Klassen. Die von dir genannte Festlegung gilt nur für IDs. Klassen können fast jedes x-beliebige Zeichen in einer beliebigen Kombination enthalten.

        Einen schönen Montag noch.

        Gruß, Mathias

        --
        sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
        „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
        [HTML Design Constraints: Logical Markup]
        1. Hi,

          Klassen können fast jedes x-beliebige Zeichen in einer beliebigen Kombination enthalten.

          Würdest Du das dann bitte im Bugtracker zu http://de.selfhtml.org/css/formate/zentrale.htm#klassen eintragen mit einem Verweis auf Deine Quelle?

          freundliche Grüße
          Ingo

          1. Hi,

            Vielen Dank für die vielen Antworten. Ich habe jetzt alle von euch gesagten Fehler beseitigt. Leider sieht es beim Firefox immer noch gleich falsch aus. (neue Version gibts hier: http://www.christophh.coolx.ws/neu -> neue css-datei: */neu/formatierung.css)

            Hat jemand noch andere Vorschläge?
            Vielen Dank,
            Mit freundlichen Grüßen Christoph

            1. Nur was generelles. Du verwendest in deinem HTML-Dokument Tabllen, ich sehe aber keine tabellarischen Inhalte.

              Das ganze löst man heute viel besser ohne Tables!

              das hier dürfte dem was Du vorhast sehr nahe kommen:

              http://de.selfhtml.org/css/layouts/mehrspaltige.htm#zweispaltig

          2. Hallo Ingo.

            Klassen können fast jedes x-beliebige Zeichen in einer beliebigen Kombination enthalten.
            Würdest Du das dann bitte im Bugtracker zu http://de.selfhtml.org/css/formate/zentrale.htm#klassen eintragen mit einem Verweis auf Deine Quelle?

            Könnte ich, wenn ich es 100%ig verifizieren könnte.

            Der Inhaltstyp des class-Attributes ist CDATA und hier gibt es ja keinerlei Einschränkungen. Nichtsdestotrotz werden mit einer Zahl beginnende Klassennamen von den Browser ignoriert.

            Habe ich vielleicht etwas übersehen?

            Einen schönen Montag noch.

            Gruß, Mathias

            --
            sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
            „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
            [HTML Design Constraints: Logical Markup]
            1. Hallo Mathias,

              Habe ich vielleicht etwas übersehen?

              Da nicht nur HTML, sondern auch CSS betroffen ist, würde ich vielleicht dort einmal nachsehen ... ;-)

              http://www.w3.org/TR/CSS21/syndata.html#q6

              Viele Grüße
              Carsten

              1. Hallo CarstenP.

                Habe ich vielleicht etwas übersehen?

                Da nicht nur HTML, sondern auch CSS betroffen ist, würde ich vielleicht dort einmal nachsehen ... ;-)

                http://www.w3.org/TR/CSS21/syndata.html#q6

                Du hast Recht. Ich hatte mich schon gefragt, wie man eine solche Einschränkung in einer DTD festhalten will.

                OK, ich revidiere meine Aussage und behaupte (zumindest hinsichtlich CSS) das Gegenteil.

                Einen schönen Montag noch.

                Gruß, Mathias

                --
                sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
                „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
                [HTML Design Constraints: Logical Markup]