Breite der Spalten bestimmen
Sandra
- css
0 Werner0 thunderstorm
allo,
ich habe eine Tabelle (800 Breit) mit 3 Spalten erstellt und möchte diese in unterschiedlich große Einzelspalten Teilen. Wie stelle ich dies am besten mit css an? Meine Versuche sind alle gescheitert.
<table border="0" cellpadding="0" cellspacing="0" width="800">
<tr>
<td>Links</td>
<td>Mitte</td>
<td>Rechts</td>
</tr>
</table>
Hallo Sandra
ich habe eine Tabelle (800 Breit) mit 3 Spalten erstellt und möchte diese in unterschiedlich große Einzelspalten Teilen. Wie stelle ich dies am besten mit css an? Meine Versuche sind alle gescheitert.
<table border="0" cellpadding="0" cellspacing="0" width="800">
<tr>
<td>Links</td>
<td>Mitte</td>
<td>Rechts</td>
</tr>
</table>
mit CSS würde ich das so machen:
HTML:
<table border="0" cellpadding="0" cellspacing="0" width="800">
<tr>
<td id="links">Links</td>
<td id="mitte">Mitte</td>
<td id="rechts">Rechts</td>
</tr>
</table>
CSS:
#links {
width: 120px;
}
#mitte {
width: 560px;
}
#rechts {
width: 120px;
}
HTH
Werner
<table border="0" cellpadding="0" cellspacing="0" width="800">
<tr>
<td>Links</td>
<td>Mitte</td>
<td>Rechts</td>
</tr>
</table>
Möglichkeit 1:
In der ersten Zeile jeweils die TDs mit einer Breite versehen. Die ziehen sich ndann ib zu unterst in der tabelle resp. alle Zellen darunter sind gleichbreit.
PLUSPUNKT: Das funzt bei Netscape UND IE.
Möglichkeit 2:
Das Tag "COL" oder COLGROUP.
ACHTUNG: Lies zuerst, welche Browser diese Tags unterstützen. Ich meinte, das Netscape (zumindest bis Version 4.x) diese NICHT unterstützt.
Beispiel:
...
<colgroup>
<col width="80">
<col width="100">
<col width="320">
</colgroup>
...
Gruss
Joel