Avatar billede mr_mudderkode Nybegynder
12. april 2002 - 13:26 Der er 4 kommentarer og
1 løsning

Hård opdeling i en tabel

Hæj.

Jeg forsøger at lave en tabel med X kolonner. Hver kolonne skal være præcis lige bred. Så hvis jeg eksempelvis har en 16 pixel bred tabel med 8 kolonner, skal hver kolonne være præcis 20 pixels bred. Uanset hvor lidt/meget der er fyldt i kolonnen. (Jeg ved godt det bliver et problem hvis jeg skriver laaaaaaaaaaaaaaange strenge, men hvis vi ser bort fra dette, skal den kunne klare en vilkårlig mængde tekst)

Jeg har et lille eksempel her:

<table border="1" cellpadding="0" cellspacing="0" width="160">
    <tr>
        <td colspan="1" width="20">-</td>
        <td colspan="7" width="140">-</td>
    </tr>
    <tr>
        <td colspan="2" width="40">-</td>
        <td colspan="6" width="120">-</td>
    </tr>
    <tr>
        <td colspan="3" width="60">-</td>
        <td colspan="5" width="100">-</td>
    </tr>
    <tr>
        <td colspan="4" width="80">-</td>
        <td colspan="4" width="80">-</td>
    </tr>
    <tr>
        <td colspan="5" width="100">-</td>
        <td colspan="3" width="60">-</td>
    </tr>
    <tr>
        <td colspan="6" width="120">-</td>
        <td colspan="2" width="40">-</td>
    </tr>
    <tr>
        <td colspan="7" width="140">-</td>
        <td colspan="1" width="20">-</td>
    </tr>
</table>

Bemærk at hver række er delt op i to halvdele, og at det skifter for hver række hvor jeg skærer.

Når jeg ser denne tabel i MSIE6 (har endnu ikke prøvet andre browsere) så opdeler den slet ikke kolonnerne ligeligt. :-/
Avatar billede jakoba Nybegynder
12. april 2002 - 13:32 #1
Og det vil den heller ikke på ns.

width=tal i <td> er ikke nok til at sikre størelsen i sådan en tabel.

brug indholdet i tabellen også, fx ved at skrive
<div style="width:40;">
...indhold
</div>

omkring indholdet i hver tabelcelle. Det hjælper, men er vist stadig ikke 100% sikkert i alle browsere.

mvh JakobA
Avatar billede jakoba Nybegynder
12. april 2002 - 13:38 #2
En del af problemet er at du bruger colspan. Du kan evt lave en extra række foroven bare for at opdele. med 8 gange
<td width=20><img src='gennemsigtig.gif' height=1></td>
det vil stabilisere dine cellebredder, men koster altså også en pixel-højde der måske ikke er plads til over tabellen.
Avatar billede callesen Praktikant
12. april 2002 - 13:40 #3
Prøv:
<table border="1" cellpadding="0" cellspacing="0" style="width:160px;table-layout:fixed;">
    <tr>
        <td colspan="1" style="width:40;">-</td>
        <td colspan="7" width="140">-</td>
som også JakobA er inde på.
Avatar billede werd Nybegynder
12. april 2002 - 13:44 #4
lav dog ordentlige tabeller!!
Colspan er outdated!!! Du bliver nødt til at lave tabeller inden i tabeller!!
Avatar billede mr_mudderkode Nybegynder
12. april 2002 - 13:54 #5
Jakoba >> That did the trick. Altså den ekstra kolonne.

werd >> Spar dog på dine udråbstegn. Du ender med at smadre din 1-tast, og jeg synes det er svært at tage det seriøst når hver eneste stavelse understreges på den måde.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester