Tabelle absolut mittig ausrichten bei Mozilla?

[AeternoS]

Wie richte ich eine Tabelle so aus, dass sie absolut in der Mitte steht und das auch bei Mozilla/NS richtig angezeigt wird?
Ich hab erst ne Tabelle mit 100% breite und höhe gemacht.
Dann hab ich eingestellt, dass der Inhalt mittig ausgerichtet wird und hab dann die zweite Tabelle dort eingefügt.
Bei IE funzt das wunderbar, aber sobald ich dir Seite mit Mozilla ankuck wird die Tabelle zwar zentriert aber oben ausgerichtet. Ich kann versuchen was ich will, es geht nicht.
Wenn ich nur Text eingebe ist es genau das selbe, also liegts wohl nicht an der Tabelle...

[Gast]

wenn du den syntax angeben würdest wäre das einfacher! aber ich vermute du hast valign=""center"" statt valign=""middle"" genutzt hast. der IE frisst das aber nicht die ""exoten"".

blastar...

[Feanor]

valign=""middle"" ?

[Katana]

valign = vertikale Ausrichtung.

http://selfhtml.teamone.de/html/referen ... ute.htm#td

In einer Tabelle hast du ja <td> Tags, in welchen der Zelleninhalt steht.
Innerhalb dieser kann dann horizontal (align) und/oder vertikal (valign) ausgerichtet werden.

[AeternoS]

Ich habs mit ""middle"

[Gast]

Ich habs mit ""middle"

[AeternoS]

Hmmm.... leider tuts immer noch nicht.
Mozilla richtet die 2. Tabelle oben aus, warum auch immer.
Aber wenn da

Code: Alles auswählen

<td align="center" valign="middle">
<table width="790" height="395">

steht, dann müßte die Tabelle doch mittig ausgerichtet sein.

Gibts ne alternative, vielleicht mit CSS oder so?

[HANOI]

Code: Alles auswählen

<table width="100%" height="100%" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td align="center" valign="middle">
<div style="text-align: center;"> </div>
<table width="790" height="395" cellpadding="0" cellspacing="0"
class="content" align="middle">
<tbody>
<tr>
<td style="text-align: center;">Dieser Inhalt sollte
zentriert auf der Seite angezeigt werden... </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

wie wärs denn damit?

MfG: HANOI

[AeternoS]

Nope... auch nicht!

[Katana]

Ich hab's mir auch mal angeguckt und die richtige Lösung ist folgende:

Code: Alles auswählen

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td align="center" valign="middle">
<table width="790" cellpadding="0" class="content" cellspacing="0">
<tr>
<td align="center">
Dieser Inhalt sollte zentriert auf der Seite angezeigt werden...
</td>
</tr>
</table>
</td>
</tr>
</table>

Du möchtest ja den Inhalt der Zelle zentriert haben, dann mußt du das auch der Zelle sagen

Infos:

• <table> kennt kein ""height"" Attribut, wenn du die Höhe unbedingt angeben willst/mußt, mach es mit CSS (bzw. dem ""style"" Attribut).