Clint: Problem mit Kompatibilität IE5.5 <-> Opera 5 <-> NS7

Hallo zusammen,
ich bin grad dabei mich mit CSS näher zu beschäftigen.

Im IE schauts auch schon ganz gut aus.

Hier ein paar Zeilen aus meinem Stylesheet:

td.boxinhalt {
    padding-top=10;
    padding-bottom=20;
    padding-left=8;
    padding-right=8;
    font-size:10px;
    font-style:Verdana;
    color:#18476F;
    border-color:#18476F;
    border-width:1px;
    border-style:solid;
    }

Im HTML rufe ich das Ganze wie folgt auf:
    <td class="boxinhalt">.....</td>

Wenn ich die Seite im Opera anschaue, sind folgende Fehler vorhanden:

* Schriftgröße, -Style und -Farbe stimmen nicht (Standardwerte).
* Es ist kein Rahmen zu sehen.
* Es existiert kein Abstand zum Rand.

Wenn ichs mirgenau überlege funktioniert ja gar nichts :-)

Mit dem NS7 hab ich ähnliche Probleme.
Da stimmt zwar noch die Schrift, aber der Abstand zum Rand istz auch hier Null.

Jemand nen Tipp wie man am besten an dieses Problem rangeht ?
Als Vorlage hatte ich ein CSS von einer anderen Seite, gerade was sie Schriftformatierung angeht kann ich da keinen Unterschied feststellen.

Danke für eure Zeit und Hilfe...!!

Gruß...
clint

  1. Hi,

    Im IE schauts auch schon ganz gut aus.

    Das sagt gar nichts.
    Insbesondere nichts über die Korrektheit.

    Hier ein paar Zeilen aus meinem Stylesheet:
        td.boxinhalt {
        padding-top=10;

    = hat hier nichts verloren. Außerdem fehlt die Längeneinheit - meinst Du 10 Kilometer oder 10 Fuß?

    padding-bottom=20;

    s.o.

    padding-left=8;

    s.o.

    padding-right=8;

    s.o.

    font-size:10px;
        font-style:Verdana;

    hier sollte noch ne generische Schrift (z.B. sans-serif) als Alternative hin.

    color:#18476F;
        border-color:#18476F;
        border-width:1px;
        border-style:solid;
        }
    Wenn ich die Seite im Opera anschaue, sind folgende Fehler vorhanden:
    * Schriftgröße, -Style und -Farbe stimmen nicht (Standardwerte).
    * Es ist kein Rahmen zu sehen.
    * Es existiert kein Abstand zum Rand.
    Wenn ichs mirgenau überlege funktioniert ja gar nichts :-)

    Vielleicht hat Opera wegen der vielen Fehler aufgegeben?
    Oder hast Du in Deiner CSS-Datei auch noch HTML-Elemente (z.B. <style type="text/css">) drin?

    Mit dem NS7 hab ich ähnliche Probleme.
    Da stimmt zwar noch die Schrift, aber der Abstand zum Rand istz auch hier Null.

    Klar, es fehlt eine gültige Padding-Angabe, also wird der Default 0 benutzt.
    Ganz korrektes Verhalten.

    Jemand nen Tipp wie man am besten an dieses Problem rangeht ?

    http://jigsaw.w3.org/css-validator/

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
    1. Hi Andreas,
      Danke für Deine Hilfe.

      = hat hier nichts verloren. Außerdem fehlt die Längeneinheit - meinst Du 10 Kilometer oder 10 Fuß?

      ok, daran lags :-)
      Aber warum "hat [das] hier nichts verloren" ??
      Wenn ich die Einheit (px) drann häng schauts ok aus.
      Wenn nicht hier, wo muss ich das sonst angeben ??

      http://jigsaw.w3.org/css-validator/

      super link, danke

      bye
      clint

      1. Hallo Clint,

        Wenn nicht hier, wo muss ich das sonst angeben ??

        Das Trennzeichen für CSS-Eigenschaften ist immernoch der Doppelpunkt (:) und nicht das Gleichheitszeichen (=).

        Viele Grüße,
        Christian

        1. Das Trennzeichen für CSS-Eigenschaften ist immernoch der Doppelpunkt (:) und nicht das Gleichheitszeichen (=).

          argh..

          1000dank...wie man sieht: ich über noch :-)

          Schönes WE euch beiden...
          clint

      2. Hi,

        = hat hier nichts verloren. Außerdem fehlt die Längeneinheit - meinst Du 10 Kilometer oder 10 Fuß?

        Aber warum "hat [das] hier nichts verloren" ??

        Nicht das. Genau lesen:
        = hat hier nichts verloren.

        Dabei das erste Zeichen beachten.

        cu,
        Andreas

        --
        Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
        http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
  2. hi,
    trotz der ganzen anderen fehler wundert's mich das:

    * Schriftgröße, -Style und -Farbe stimmen nicht (Standardwerte).

    bei den fehlern darf diese frage vielleicht auch erlaubt sein: könnte es sein, daß du vielleicht die gesamten style-angaben falsch eingebunden hast? also nicht zwischen <head> und <body> oder ohne die korrekte syntax:
    <style type="text/css">
    <!--
      ...
    //-->
    </style>

    standardkonforme browser nehmen das sehr genau...
    gruß
    Ingo