IPB

Willkommen, Gast ( Anmelden | Registrierung )

> Firefox und Colgroup
LukyLuke
Beitrag 15.06.2005 - 23:24
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
Go to the top of the page
 
+Quote Post
 
Start new topic
Antworten
i.b.g
Beitrag 17.06.2005 - 16:27
Beitrag #2


Weiss zuviel!!
Gruppensymbol

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>
<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>
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.
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
Go to the top of the page
 
+Quote Post

Beiträge in diesem Thema


Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 06.07.2025 - 17:08

taschenkalender
expertise-panel IPS Driver Error

IPS Driver Error

There appears to be an error with the database.
You can try to refresh the page by clicking here