nicht angemeldet
Tabellen Design/Formatierung - Spalte ganz rechts
Hallo,
folgendes Problem stellt sich mir: Eine Tabelle ist 100% breit. Jedoch benötigen die Spalten nicht 100% der Breit. Die Folge ist, dass die Spalten eine beliebige Breite einnehmen. Das tun sie im Firefox auch, wenn ein Breite in em gegeben ist.
Gibt es die Möglichkeit die rechte Spalte mit fester Breite in einer Tabelle ganz rechts anzuordnen? Oder kann man einer Spalte befehlen die größt mögliche Breite einzunehmen.
Beispiel, Problem:
<-------------------100%----------------->
+----------+---------------+-------------+
| Spalte 1 | Spalte 2 | Spalte 3 |
+----------+---------------+-------------+
Beispiel, Ziel: Spalte 2+3 ganz rechts mit fester Breite
<-------------------100%----------------->
+------------------+----------+----------+
| Spalte 1 | Spalte 2 | Spalte 3 |
+------------------+----------+----------+
Mit CSS: float geht es leider nicht.
Damit die Diskussion im Keim erstickt wird: Ich möchte keine Tabelle für ein Website-Layout verwenden - wie man "bulletproof" arbeitet weiß ich.
mfg
iBuzz
-
Hallo,
Beispiel, Ziel: Spalte 2+3 ganz rechts mit fester Breite
<-------------------100%----------------->
+------------------+----------+----------+
| Spalte 1 | Spalte 2 | Spalte 3 |
+------------------+----------+----------+http://de.selfhtml.org/css/eigenschaften/tabellen.htm#table_layout
Und damit Du nicht zu kompliziert an die Spaltendefinition von Tabellen herangehst, hier noch ein Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Beschreibung der Seite</title> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <style type="text/css"> table { width:100%; border:1px solid; table-layout:fixed; } td, th { border:1px solid; } col#s2, col#s3 { width:4em; } </style> </head> <body> <table> <colgroup><col id="s1"><col id="s2"><col id="s3"></colgroup> <tr> <th>Spalte1</th> <th>Spalte2</th> <th>Spalte3</th> </tr> <tr> <td>Inhalt Spalte1</td> <td>Inhalt Spalte2</td> <td>Inhalt Spalte3</td> </tr> </table> </body> </html>COLGROUP- und COL-Elemente kennt offensichtlich kaum noch jemand.
viele Grüße
Axel
-
Danke, genau das habe ich gesucht. Manche CSS-Eigenschaft kommen echt zu kurz.
-