![]() |
Willkommen, Gast ( Anmelden | Registrierung )
![]() |
![]()
Beitrag
#1
|
|
Rookie Gruppe: User Beiträge: 8 Mitglied seit: 15.06.2005 Mitglieds-Nr.: 5.198 ![]() |
Hallo zusammen.
Könnt Ihr mir weiterhelfen? Nehmen wir der Einfachheit eine Tabelle mit zwei Spalten. Der Text in der linken Spalte soll linksbündig sein, der in der rechten soll rechtsbündig sein. Dafür wollte ich im Col-Tag das attribut align benutzen. Der IE zeigt daraufhin die Seite korrekt an, der Fuchs weigert sich den Inhalt rechtsbündig auszurichten. Könnt Ihr das nachvollziehen und muss ich jetzt tatsächlich im CSS für die rechte Seite eine Klasse definieren und dem TD-Tag mitgeben oder gibt es da noch etwas anderes? THX im voraus Robert |
|
|
![]() |
![]()
Beitrag
#2
|
|
Weiss zuviel!! ![]() Gruppe: Mods Beiträge: 668 Mitglied seit: 19.04.2002 Wohnort: Grimmen Mitglieds-Nr.: 385 ![]() |
Hallo,
ich glaube, ich habe da einen Workaround für das Problem - mal unabhängig ob das jetzt besonders elegant ist, ist es aber zulässig. QUELLTEXT <html> Mit diesen Styles werde alle Spalten auf 200px Breite gesetzt und die dritte Spalte wird rechtsbündig formatiert - sowohl im IE wie im FF/Moz - jedenfalls bei mir.<head> <title>table-col-test</title> </head> <style> table.rechts3 { border-collapse:collapse;border:1px solid black;} table.rechts3 td + td + td {text-align:right;} table.rechts3 td {width:200px;border:1px solid black;} .rechts {text-align:right;} </style> <body> <table class="rechts3"> <colgroup> <col> <col> <col class="rechts"> </colgroup> <tr> <td>1. Zeile, 1. Spalte</td> <td>1. Zeile, 2. Spalte</td> <td>1/3</td> </tr> <tr> <td>2. Zeile, 1. Spalte</td> <td>2. Zeile, 2. Spalte</td> <td>2/3</td> </tr> </table> </body> </html> Seltsamerweise versteht der IE die "td + td + td"-Konstruktion nicht, die da sagt: "Gilt für das td-Tag, dem zwei andere unmittelbar vorweggegangen sind". [edit] Wie ich gerade feststelle, gilt es aber auch für die vierte und alle folgenden Spalten im Mozilla. Muss man eben auf das Tabellen-Design etwas mehr achten - oder für das vierte dann wieder eine entsprechende Angabe eintragen: table.rechts3 td + td + td + td {text-align:left;} Bei breiten Tabellen würde das dann zu etwas mehr Arbeit im Stylesheet führen aber immer noch weniger, als für jede Zelle etwas vorzugeben. [/edit] Hoffe es hilft ein wenig weiter. Der Beitrag wurde von i.b.g bearbeitet: 17.06.2005 - 16:41 |
|
|
![]() ![]() |
![]() |
Vereinfachte Darstellung | Aktuelles Datum: 06.07.2025 - 17:08 |