Philip G.: nochmals frage zu css und tabelle

Beitrag lesen

<!-- Hallo Marcel, altes Haus.

Mit CSS-Border-Angaben für Tabellen unter Netscape kannst Du Dich totprogrammieren,
weil Netscape nur mit viel Trickserei sehr wenig davon schluckt. Ist ein halbes Wunder,
dass in Deinem Beispiel überhaupt was dargestellt wurde! Wenn man die CSS-Angaben direkt
ins <div>-Tag schreiben würde mit style="...", dann ist es mit dem Wunder vorbei. -->

<html><head><title>Walking the line between NS and IE</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
.borderBo
{ border-bottom-width:1px;
  border-bottom-style:ridge;
  border-color:#000033;
  width:100%; }
</style></head>

<body>

<table width="100%"><tr><td width="30%"><div class="borderBo">Geburtsdatum</div></td>
<td width="70%"><div class="borderBo"> </div></td></tr>
<tr><td width="30%"> </td>
<td width="70%">11. Januar 1976 (Steinbock)</td></tr></table><br>

<!--
Entfernt wurde ein vereinsamtes "</p>" hinter dem Text "Geburtsdatum".
Eingefügt wurde "<table width="100%">, weil IE die Tabelle sonst zu kuzr macht.
Eingefügt wurde jeweils ein Leerzeichen in den leeren Tabellenzellen,
weil Netscape bis mindestens Version 4.5 keine leeren Tabellenzellen verträgt.
Optik: Tabelle besser, aber immer noch nicht so, wie sie sein soll.
-->

<table width="100%"><tr><td width="30%">Geburtsdatum</td>
<td width="70%"> </td></tr>

<tr><td width="30%"><img src="blackspacer.gif" width="100%" height=2></td>
<td width="70%"><img src="blackspacer.gif" width="100%" height=2></td></tr>

<tr><td width="30%"> </td>
<td width="70%" align=right>11. Januar 1976 (Steinbock)</td></tr></table>
</body></html>

<!--
Mit <hr> könnte man sowas auch machen. Oder ganz auf die Tabelle verzichten und die Sache
per div/CSS lösen: -->

Geburtsdatum<br>
<div style="text-align:right; width:100%; border-top-style:ridge; border-top-width:1px; border-top-color:#000033">
11. Januar 1976 (Steinbock)</div><br>

<!--
Aber jetzt setzt NS den Text nicht mehr nach rechts! (IE macht das problemos).
Also sagen wir NS wieder mal ganz genau, was er tun soll:
-->

Geburtsdatum<br>
<div style="width:100%; border-top-style:ridge; border-top-width:1px; border-top-color:#000033">
<table border=0 cellspacing=0 cellpadding=0 align=right><tr><td>11. Januar 1976
(Steinbock)</td></tr></table></div>

<!--

Hallelujah! Noch ein Wunder!

Grüße vom Löwen :)

-->