✔ cleveres bürschen gesucht!

[crunch]

Hallo Leute,

Ich kämpfe mit volgendem Problemchen:

Ich habe zwei voneinander unabhängige Tabellen. Diese stehen auf einer Internetseite untereinander. Beide Tabellen haben 5 Spalten.

Ich möchte das die erste Spalte der oberen Tabelle genauso breit ist wie die erste der unteren, die zweite der oberen genauso breit wie die zweite der unteren, ...

UND:

Ich will das ganze mit CSS lösen.

Irgendwelche Ideen?

 

[Maik]

Hi,

mir wäre da keine "spezielle" Möglichkeit bekannt, wie sich mit CSS die Tabellenspaltenbreiten zweier unabhängiger Tabellen aufeinander abstimmen lassen, außer ihnen halt per CSS-Klasse eine einheitliche Breite zu verpassen.

 

[crunch]

es würde mir schon helfen, wenn so etwas in der Art möglich wäre

{width-spalte1: 100
width-spalte2: 30
width-spalte3: 75}
...


geht so was?

 

[Maik]

.spalte_1 { width:100px; }
.spalte_2 { width:30px; }
.spalte_3 { width:75px; }
.spalte_4 { width:100px; }
.spalte_5 { width:50px; }

<table>
    <tr>
        <td class="spalte_1">...</td>
        <td class="spalte_2">...</td>
        <td class="spalte_3">...</td>
        <td class="spalte_4">...</td>
        <td class="spalte_5">...</td>
    </tr>
</table>
<table>
    <tr>
        <td class="spalte_1">...</td>
        <td class="spalte_2">...</td>
        <td class="spalte_3">...</td>
        <td class="spalte_4">...</td>
        <td class="spalte_5">...</td>
    </tr>
</table>

 

[crunch]

ok..ich wollte mich nicht outen aber jetzt muss ichs wohl doch

Ich arbeite gerade in einem Typo3-CMS-System. Innerhalb dieses Systems kann ich Tabellen einrichten und diesen eine css-Klasse zuweisen. Leider aber eben nur der gesamten Tabelle und nicht den einzelnen Spalten.

 

[Maik]

Wenn es dir nicht möglich ist, den Tabellenzellen eine Klasse zuzuweisen, hast du auch keine Möglichkeit, die Tabellenspaltenbreiten der unabhängigen Tabellen mit CSS aufeinander abzustimmen, und müsstest die Tabellen in einer einzigen vereinen.

 

[crunch]

das möchte ich natürlich auch nicht.
naja..hab mir schon gedacht das dat schwierig wird

trotzdem danke maik!

 

[Gumbo]

Es ist schon möglich:

.tabelle td { width:100px; }
.tabelle td + td { width:30px; }
.tabelle td + td + td { width:75px; }
.tabelle td + td + td + td { width:100px; }
.tabelle td + td + td + td + td { width:50px; }

Aber du kannst dir vorstellen, welcher Webbrowser dem wieder hinterherhinkt.

 

[crunch]

hey super. gumbo...

das probier ich gleich mal aus...ja kann mir schon vorstellen welcher ...

 

[crunch]

habs eingebaut. Funktioniert einwandfrei. Nochmal Danke! Ach ja: IE..da funktioniert es natürlich nicht.