Tabellenzeilen - Höhe

[Patrick]

Hallo allerseits!

mit dieser Frage greife ich etwas auf die von Julius in diesem Forum gestellte Frage:
" Ungenaue Graphik-Plazierung" und auf Torstens Tip, Tabellen zu benutzen, zurück.

Auch da gibt es aber leider Unterschiede in der Darstellung beider Browser (NS 4.05 und IE 4.01), vor allem bei klein definierten Zeilenhöhen (height=<25 ...in etwa).

Wie folgendes Quelltext anzeigt, sollen durch blinde Tabellen drei farbigen Titelbalken dargestellt werden, die jeweils durch 10 Pixel Abstand getrennt werden sollen.

Netscape macht aber den Abstand mehr als doppelt so groß!!! Erst ab einer Zeilenhöhe HEIGHT="50" haben beide Browser eine (fast) identische Darstellung des Abstandes!!!

Was tun, damit beide Browser auch bei einer Zeilenhöhe von 10 Pixeln den gleichen Abstand zeigen???

<table width=100% border=0 cellpadding=5 cellspacing=0>

<tr>  

<td valign=top width=100% bgcolor="1F70C0">
  <font face="Arial" size=-1 color=80FFFF>FIRMENNAME</font>
  </td>
</tr>
<tr>
  <td valign=top height=10></td>
</tr>
<tr>
  <td valign=top width=100% bgcolor="1F70C0">
  <font face="Arial" size=+2 color=80FFFF><CENTER>Bezeichnung des SeiteninhaltesCENTER></font>
  </td>
</tr>
<tr>
  <td valign=top height=10></td>
</tr>
<tr>
  <td valign=top width=100% bgcolor="1F70C0">
  <font face="arial" size=-1 color=80FFFF>
  <P ALIGN=RIGHT>Zusätzliche Information(z.B. Updated am ../../..)
  </font>
  </td>
</tr>
</table>

Für Antworten dankt im Voraus

der Patrick aus Frankfurt

Bis danndann...

Patrick

[Thomas Adamek]

Hallo Patrick,

Netscape macht aber den Abstand mehr als doppelt so groß!!! Erst ab einer Zeilenhöhe HEIGHT="50" haben beide Browser eine (fast) identische Darstellung des Abstandes!!!

Was tun, damit beide Browser auch bei einer Zeilenhöhe von 10 Pixeln den gleichen Abstand zeigen???

»»  <tr>

<td valign=top height=10></td>

»»  </tr>

Denk bitte daran, daß Netscape eine Tabellenzelle dann nicht darstellt (einfach ignoriert), wenn diese keinen Inhalt hat. Schreibe doch mal versuchsweise in die leere Zelle ein <BR> oder ein " ".

Vielleicht war dies das Problem ...

Gruß

Thomas

[Stefan Muenz]

Hallo Patrick!

Eine andere Moeglichkeit waere es, den Abstand von 10 Pixeln durch die Angabe in cellspacing zu erzwingen, wodurch dann folgende Tabelle moeglich waere:

<table width=100% border=0 cellpadding=5 cellspacing=10>
<tr>
<td valign=top width=100% bgcolor="1F70C0">
<font face="Arial" size=-1 color=80FFFF>FIRMENNAME</font>
</td>
<tr>
<td valign=top width=100% bgcolor="1F70C0">
<font face="Arial" size=+2 color=80FFFF><CENTER>Bezeichnung des SeiteninhaltesCENTER></font>
</td>
</tr>
<tr>
<td valign=top width=100% bgcolor="1F70C0">
<font face="arial" size=-1 color=80FFFF>
<P ALIGN=RIGHT>Zusätzliche Information(z.B. Updated am ../../..)
</font>
</td>
</tr>
</table>

Viele Gruesse
  Stefan Muenz

[Patrick]

Hallo Patrick!

Eine andere Moeglichkeit waere es, den Abstand von 10 Pixeln durch die Angabe in cellspacing zu erzwingen, wodurch dann folgende Tabelle moeglich waere:

<table width=100% border=0 cellpadding=5 cellspacing=10>
<tr>
<td valign=top width=100% bgcolor="1F70C0">
<font face="Arial" size=-1 color=80FFFF>FIRMENNAME</font>
</td>
<tr>
<td valign=top width=100% bgcolor="1F70C0">
<font face="Arial" size=+2 color=80FFFF><CENTER>Bezeichnung des SeiteninhaltesCENTER></font>
</td>
</tr>
<tr>
<td valign=top width=100% bgcolor="1F70C0">
<font face="arial" size=-1 color=80FFFF>
<P ALIGN=RIGHT>Zusätzliche Information(z.B. Updated am ../../..)
</font>
</td>
</tr>
</table>

SUPER!
Danke Stefan, das bringt's. Jetzt sehen diese "Titelbalken" sowohl im Netscape als auch im IE 4 gleich aus, mit jeweils 10 Pixeln Abstand.

Die von Thomas vorgeschlagene Lösung, <BR> in die leeren Zeilen zu schreiben, bringt auch eine in beiden Browsern einheitliche Darstellung (was schon ein Fortschritt im Vergleich zu meinem Beispiel ist), jedoch wird der Abstand, der durch diese nur <BR> enthaltenden Zellen generiert wird, größer als 10 Pixel (etwa 25).

Vielen Dank au Euch beiden und
bis danndann... von

Patrick