Zeile einer Tabelle - warum nicht zentriert?

[Oli]

Hallo,

hier ein Quelltextausschnitt aus einer HTML-Datei. Es sollen 4 Bilder nebeneinander dargestellt werden, darunter je der Name des Abgebildeten.
Meines Wissens müsste durch die verwendeten "Platzhalter" (z.B. '<td width="4%"></td>') diese Zeile sich automatisch an die Fenstergröße anpassen. Das tut sie aber nicht; bei einer Auflösung von 1280 ist sie linkslastig.

Kann mir jemand sagen, warum?

Danke, Oli

--------------------

<table>
<tr valign="top">
<td width="2%"></td>

<td>
<img src="lena.jpg" width="231" height="200" border="0" alt=""></a>
<br><center><b>Lena</b></center>
</td>

<td width="4%"></td>

<td>
<img src="dateien/oli.jpg" width="193" height="200" border="0" alt=""></a>
<br><center><b>Oliver</b></center>
</td>

<td width="4%"></td>

<td>
<img src="dateien/jojo.jpg" width="155" height="200" border="0" alt=""></a>
<br><center><b>Johannes</b></center>
</td>

<td width="4%"></td>

<td>
<img src="dateien/stephan.jpg" width="239" height="200" border="0" alt=""></a>
<br><center><b>Stephan</b></center>
</td>

<td width="2%"></td>

</tr>
</table>

[Fabian St.]

Hi!

Also erstes würde ich mal diese <center>-tags durch CSS ersetzen, zumal diese als deprecated eingestuft sind. Also z.B. style="text-align:center;font-weight:bold"

Darüber hinaus würde ich in die leeren <td></td>-Tags ein " " setzen. (ohne Anführungszeichen).

Ich hoffe, ich konnte dir helfen.

Grüße,

Fabian St.

[Oli]

Danke,

leider hat mir dein Tip (&nbsp) nicht geholfen.
An den center tags, die entspr. Zeilen habe ich probeweise gelöscht, liegt's auch nicht.

Noch was:
Ein zusätzliches "table-layout:fixed" im table-tag sorgt zwar dafür, dass die äußeren Bilder jeweils den gleichen Abstand zum Rand des browserfensters haben. Die Abstände zwischen den Bildern sind allerdings ungleichmäßig- ungefäht so:

| --- --- ---    -- |

Vielleicht bringt dich das noch auf ne andere idee?

Gruß, Oli

[Fabian St.]

Danke,

leider hat mir dein Tip (&nbsp) nicht geholfen.
An den center tags, die entspr. Zeilen habe ich probeweise gelöscht, liegt's auch nicht.

Noch was:
Ein zusätzliches "table-layout:fixed" im table-tag sorgt zwar dafür, dass die äußeren Bilder jeweils den gleichen Abstand zum Rand des browserfensters haben. Die Abstände zwischen den Bildern sind allerdings ungleichmäßig- ungefäht so:

| --- --- ---    -- |

Vielleicht bringt dich das noch auf ne andere idee?

Gruß, Oli

Hi!

Du könntest allen Bilder etwas padding geben, also z.B. style="padding:1em".

Dies müsste funktionieren!

---------------------------------------------------------

Grüße,

Fabian St.

[Oli]

Hi,

Du könntest allen Bilder etwas padding geben, also z.B. style="padding:1em".

In der Art?
<img style="padding:1em" src="dateien/lena.jpg" ...

Klappt leider nicht:-(

Danke, Oli

[Viennamade]

Hallo,

Meines Wissens müsste durch die verwendeten "Platzhalter" (z.B. '<td width="4%"></td>') diese Zeile sich automatisch an die Fenstergröße anpassen. Das tut sie aber nicht; bei einer Auflösung von 1280 ist sie linkslastig.

<table>

Probiere mal: <table style="margin:auto;">

Beste Grüße
Viennamade

[Fabian St.]

Probiere mal: <table style="margin:auto;">

Hi!

Dabei wird aber die IE wohl wieder Probleme machen (der kennt nämlich diese Funktion nicht).

Grüße,

Fabian St.

[Oli]

Genau, im IE klappt das nicht.
In Mozilla dafür einwandfrei, Danke dafür!

Gruß, Oli

[molily]

Probiere mal: <table style="margin:auto;">
Dabei wird aber die IE wohl wieder Probleme machen (der kennt nämlich diese Funktion nicht).
Genau, im IE klappt das nicht.
In Mozilla dafür einwandfrei, Danke dafür!

http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/

[Oli]

Danke. Hab zwar keine Ahnung was ich da gemacht hab und was vorher falsch war, aber jetzt geht's.

Gruß, Oli