sich anpassendes Tabellenlayout

[Tommi]

Hallo,
wie ist es korrekt, ein dreispaltiges Tabellenlayout zu machen, dass sich der Fenstergröße anpasst?

so:

--- Tabelle 100% breite ---

linke Spalte  |  mittlere Spalte  | rechte Spalte
Breite in px  |  Breite 100%      | Breite in px

...oder so:

--- Tabelle 100% breite ---

linke Spalte  |  mittlere Spalte  | rechte Spalte
Breite in px  |  keine Angabe     | Breite in px

Schon mal danke,
Tommi

[Julian Hofmann]

Hallo tommi,

ich lasse jetzt mal die Korrektheit nach Standard außer Acht:
Tatsache ist, dass es bei Mischdefinitionen von festen Breiten (px- ,pt-Angaben) und prozentualen Angaben (bzw. fehlenden) oft zu Problemen bei der Darstellung in den unterschiedlichen Browsern kommt. Ausweg ist entweder alles prozentual oder alles fest zu definieren (Oder Trickserei in Tabellenstrukturen).

Grüße aus Würzburg
Julian

[Cheatah]

Hi,

wie ist es korrekt, ein dreispaltiges Tabellenlayout

in HTML gibt es nur strukturelle Layouts, keine visuellen.

linke Spalte  |  mittlere Spalte  | rechte Spalte
Breite in px  |  Breite 100%      | Breite in px

Hier wird im Zweifel irgendein Browser die mittlere Spalte so breit wie das Browserfenster (oder wie viel Platz auch immer zur Verfügung steht) machen, die anderen beiden kommen _hinzu_.

Wenn Du relative Angaben machen willst, mache sie in ausnahmslos allen Spalten.

linke Spalte  |  mittlere Spalte  | rechte Spalte
Breite in px  |  keine Angabe     | Breite in px

Je nach Browser sind die rechte und linke Spalte relativ zueinander im richtigen Größenverhältnis, aber nicht unbedingt in der von Dir genannten Größe. Vermeiden kannst Du das _nicht_.

Richtig wäre die Verwendung von <colgroup>. Wer damit umgehen kann, erzielt ideale Ergebnisse; bei allen anderen hast Du eh keine Chance.

Cheatah

[eisi]

Hallo,
wie ist es korrekt, ein dreispaltiges Tabellenlayout zu machen, dass sich der Fenstergröße anpasst?

so:

versuch es doch mal so hier :
<table border="1" width="100%">
<colgroup>
<col width="30%">
<col width="30%">
<col width="30%">
</colgroup>
<tr>
 <td> </td>
 <td> </td>
 <td> </td>
</tr>
</table>
Gruß eisi

[Raketenmann]

Hallo,
wie ist es korrekt, ein dreispaltiges Tabellenlayout zu machen, dass sich der Fenstergröße anpasst?

so:

--- Tabelle 100% breite ---

linke Spalte  |  mittlere Spalte  | rechte Spalte
Breite in px  |  Breite 100%      | Breite in px

Also, ich widerspreche den anderen Antworten...

...habe das selbst schon gemacht und wenn es dir ausreicht das ganze in ie und nn anzuzeigen, geht das so wie du es oben beschrieben hast.

Du mußt vorsichtig sein, wenn um die Tabelle <div>s liegen, die haben mitunter keine automatische Größenbegrenzung!

Es gibt in jedem Fall einen Unterschied zwischen ie und nn was 100% sind, aber das kann man 'auf-einigermassen-gleich' hinbiegen...

Die Zellen, die du mit festen Breiten versiehst müssen unbedingt (!!) entsprechend ihrer Breite ausgefüllt werden.

Gruss