Seite 1 von 1
Tabelle absolut mittig ausrichten bei Mozilla?
Verfasst: Do Feb 05, 2004 3:56 pm
von 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...
Re: Tabelle absolut mittig ausrichten bei Mozilla?
Verfasst: Do Feb 05, 2004 5:15 pm
von 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...
Verfasst: Do Feb 05, 2004 5:16 pm
von Feanor
valign=""middle"" ?
Verfasst: Do Feb 05, 2004 7:03 pm
von 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.
Verfasst: Fr Feb 06, 2004 8:09 am
von AeternoS
Ich habs mit ""middle"
Verfasst: Fr Feb 06, 2004 12:44 pm
von Gast
AeternoS hat geschrieben:Ich habs mit ""middle"
Verfasst: Mo Feb 09, 2004 9:05 am
von 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?
Verfasst: Mi Feb 11, 2004 1:26 am
von 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
Verfasst: Do Feb 12, 2004 5:00 pm
von AeternoS
Nope... auch nicht!
Verfasst: Fr Feb 13, 2004 4:35 pm
von 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).