CSS-alternativ till <td width="10%">?

1 svar · 308 visningar · startad av jupiters 28 juli 2007

jupitersMedlem sedan sep. 2002104 inlägg

Frågan28 juli 2007 01:18#1

Jag har en vanlig tabell med 10 kolumner.
Tidigare har jag alltid angett bredden för varje kolumn
som width="xx%" i varje td-tagg.
Finns det nåt sätt att med css ange den procentuella
fördelningen mellan kolumnerna, istället för att skriva
dessa siffror i td-taggarna?
10%,10%,15%,15%,15%,15%,5%,5%,5%,5% (=100)

mvh
Torbjörn

tantenMedlem sedan nov. 20051 596 inlägg

28 juli 2007 06:57#2

Eftersom jag gissar att du har många td så skulle jag ha valt att sätta vidden på th i stället med en class.

table{width: 100%;}
.fem{width: 5%;}
.tio{width: 10%;}
.femton{width: 15%;}
och i html
<table>
<th class="tio"></th>
<th class="tio"></th>
<th class="femton"></th>
<th class="femton"></th>
<th class="femton"></th>
<th class="femton"></th>
<th class="fem"></th>
<th class="fem"></th>
<th class="fem"></th>
<th class="fem"></th>
<tr><td></td><td></td> osv