? zur Anwendung von CSS, speziell bei Tabellen.

[Günter Seidel]

Hallo,

ich bin dabei, mich in die Geheimnisse von CSS einzuarbeiten. leider sind die Ergebnisse recht ernüchternd. Vielleicht kann mir ja hier im Forum jemand etwas Hilfestellung geben. Zunächst mal das Listing meiner x.css Datei:

body { bgcolor:gray; }
h2 { font-size:5pt; font-style:normal; }
h1 { font-size:20pt; font-style:normal; }
p.rahmen01 { border-width:medium; border-color:#FF9999; border-style:dotted; padding:5px;}
table.tab01 { width:800px; border:2px; cellspacing:2px; cellpadding:2px; bordercolor:aqua; bgcolor:gray; }
table.tab02 { font-family:Helvetica,Arial; font-size:18pt; width:800px; border:2px; cellspacing:2px; cellpadding:2px; bordercolor:aqua; bgcolor:gray; }

Und hier die Ergebnisse bei NS4.7 und IE6.0:

body: es wird keine Hintergrundfarbe angezeigt.

h1/h2: ok

p: IE zieht den Rahmen bis rechtsaußen durch, NS bringt einen roten Rahmen(nicht gepunktet), aber an der Textlänge angepasst.

Tabellen: NS keine Reaktion, IE bringt die richtige Breite, die 2. Tabelle in der richtigen Schrift und mit einem grauen Rahmen (nur außen).

Meine Frage ist nun, gibt es eine Lösung, speziell für die Tabellen, wenn ich die Kompatibilität zu beiden genannten Browsern erhalten möchte?

Schon mal besten Dank für die Antworten

[ichen]

Hallo,

ich bin dabei, mich in die Geheimnisse von CSS einzuarbeiten. leider sind die Ergebnisse recht ernüchternd. Vielleicht kann mir ja hier im Forum jemand etwas Hilfestellung geben. Zunächst mal das Listing meiner x.css Datei:

body { bgcolor:gray; }

Das muss
body { background-color:gray; }
heißen

h2 { font-size:5pt; font-style:normal; }
h1 { font-size:20pt; font-style:normal; }
p.rahmen01 { border-width:medium; border-color:#FF9999; border-style:dotted; padding:5px;}
table.tab01 { width:800px; border:2px; cellspacing:2px; cellpadding:2px; bordercolor:aqua; bgcolor:gray; }
table.tab02 { font-family:Helvetica,Arial; font-size:18pt; width:800px; border:2px; cellspacing:2px; cellpadding:2px; bordercolor:aqua; bgcolor:gray; }

schreibe immer statt bgcolor:; background-color:;!!

Und hier die Ergebnisse bei NS4.7 und IE6.0:

ACHTUNG! der NS4.7 kennt nur wenige css-befehle!!!

body: es wird keine Hintergrundfarbe angezeigt.

siehe oben

h1/h2: ok

p: IE zieht den Rahmen bis rechtsaußen durch, NS bringt einen roten Rahmen(nicht gepunktet), aber an der Textlänge angepasst.

der NS4.7 kennt viele rahmen-eigenschaften nicht

Tabellen: NS keine Reaktion, IE bringt die richtige Breite, die 2. Tabelle in der richtigen Schrift und mit einem grauen Rahmen (nur außen).

liegt am NS4.7

was der IE da macht ist mir ein rätsel, ich müsste die seite mal online sehen...

wenn du auch die zellen umrandet haben möchtest, dann schreib:
td { border-color:/farbe/; }

Meine Frage ist nun, gibt es eine Lösung, speziell für die Tabellen, wenn ich die Kompatibilität zu beiden genannten Browsern erhalten möchte?

ich passe meine seiten nicht an den NS4.7 an, weil viele eine neuere version benutzen.

Schon mal besten Dank für die Antworten

bitte ichen

[Thomas Luethi]

Hallo,

body { bgcolor:gray; }

Es heisst: background-color.

h2 { font-size:5pt; font-style:normal; }
h1 { font-size:20pt; font-style:normal; }

"pt" ist fuer den Bildschirm ungeeignet.
Und "5pt" ist sowieso viel zu klein.
Nimm am besten eine relative Schriftgroesse, z.B.
h1 { font-size: 1.8em; }
h2 { font-size: 1.4em; }

Lies auch mal:
http://www.netandmore.de/faq/fom-serve/cache/414.html

font-style:normal ist ueberfluessig, es sei denn, Du hast
fuer ein Eltern-Element (z.B. body) oder so etwas
anderes definiert. Aber Kursiv-Schrift sollte man
auf dem Bildschirm eh vermeiden...

p.rahmen01 { border-width:medium; border-color:#FF9999; border-style:dotted; padding:5px;}

p: IE zieht den Rahmen bis rechtsaußen durch, NS bringt einen roten Rahmen(nicht gepunktet), aber an der Textlänge angepasst.

Netscape 4.x ist kaputt und kann nur ein paar Teilchen von CSS 1.
Das von Dir beschriebene Fehlverhalten ist altbekannt.

Ich verstecke CSS grundsaetzlich vor Netscape 4.
http://www.tiptom.ch/homepage/faq.html?q=nn4keincss

table.tab02 { font-family:Helvetica,Arial; font-size:18pt; width:800px; border:2px; cellspacing:2px; cellpadding:2px; bordercolor:aqua; bgcolor:gray; }

Es gibt weder cellpadding, cellspacing, bordercolor noch bgcolor in CSS.
Und Du solltest eine generische Schriftart als letztes angeben:
font-family:Helvetica,Arial,sans-serif;

Zur Tabellen-Formatierung mit CSS lies mal:
http://selfhtml.teamone.de/css/eigenschaften/tabellen.htm
http://www.tiptom.ch/homepage/faq.html?q=tableborder

Bevor Du das naechste mal so kaputten CSS-Quellcode postest,
frag bitte mal den Validator, was er davon haelt:
http://jigsaw.w3.org/css-validator/

Gruesse,

Thomas

[Günter Seidel]

Danke für die Antworten, haben mir sehr geholfen.

Günter