nicht angemeldet
Bei allen möglichen Quellen wird empfohlen, man solle doch CSS verwenden.
In der Theorie hört sich das ja auch alles logisch an, wenn es denn die Browser
nicht gäbe, die jeweils eine eigene Meinung dazu haben, was denn dargestellt
werden soll.
Ein keines Beispiel:
Ich habe 8 Varianten ausprobiert, den Text in einer Tabelle zu formartieren. In
allen Varianten hätte (nach meiner Meinung) die gleiche Schrift verwendet werden
müssen. Der IE 5 schafft es immerhin in 7 Fällen die richtige Schrift zu verwenden.
Netscape 4.7 gerade mal in 4 Varianten.
Es geht nicht unbedingt darum, dass man das Ziel nicht erreichen kann,
sondern darum, dass es irgendwie ziemlich nervenaufreibend ist, bei jedem
Effekt teilweise stundenlang zu probieren, warum er in einem von beiden
Browsern nicht funktioniert. Besonders bei Test 8 hat es eine ganze Weile
gedauert, bis ich die Zusammenhänge erkannnt habe, da das Original um
einiges komplizierter war.
P.S.: Gibt es irgendwo eine Resource, die die Browserunterschiede auf einem
tieferen Level beschreibt, als Selfhtml oder Web Design in a Nutshell es tun ?
Beide kranken daran, nur zu beschreiben, welche Features jeweils
unterstützt werden, aber nicht unbedingt unter welchen Rahmendingungen.
Hier der Beispielcode:
<html><head><title>Tabellentest</title>
<style>
<!--
.testtd td {font-family:Verdana, Arial;}
.testtable table {font-family:Verdana, Arial;}
-->
</style></head><body>
<table><tr><td>Normal</td></tr></table>
<table class="testtd"><tr><td>Test 1: Styledefinition td stylesheet</td></tr></table>
<table class="testtable"><tr><td>Test 2: Styledefinition table stylesheet</td></tr></table>
<table style="font-family:Verdana, Arial;">
<tr><td>Test 3: Styledefinition table direkt</td></tr>
</table>
<table>
<tr><td style="font-family:Verdana, Arial;">Test 4: Styledefinition td direkt</td></tr>
</table>
<div class="testtable">
<table><tr><td>Test 5: Styledefinition div table stylesheet</td></tr></table>
</div>
<div class="testtd">
<table><tr><td>Test 6: Styledefinition div td stylesheet</td></tr></table>
</div>
<table>
<tr><td>
<table class="testtd">
<tr><td>Test 7: Styledefinition td stylesheet eingebettet</td></tr>
</table>
</td></tr>
</table>
<table width=100%>
<tr><td>
<table width=100% class="testtd">
<tr><td>Test 8: Styledefinition td stylesheet eingebettet 2 mal 100% </td></tr>
</table>
</td></tr>
</table>
</body>