Kolom zo smal mogelijk

[sanderv]

Hoi,


Mijn probleem gaat over een tabel met vijf kolommen. Ik wil dat de derde kolom "zo smal mogelijk" is. Hiermee bedoel ik: net zo breed dat de tekst er in past, maar niet breder.
Dat werkt als ik de betreffende cellen een 'width' van 1 geef.

Als ik echter een rij invoeg met één cel die over de hele breedte van de tabel heen spant, luistert IE ineens niet meer naar de 'width' van 1.

Wat te doen om toch én één rij middenin te kunnen spannen en tóch de derde kolom "zo smal mogelijk" te houden???

Ik heb de HTML hieronder even ingevoegd.

Alvast bedankt!


Sander Verhagen

P.S.: Ik heb geprobeerd colgroup's te gebruiken of <<width="0*">> zoals vaag in de HTML-spec beschreven.

code:

<TABLE WIDTH="100%" BORDER="1">
    <THEAD>
        <TR>
            <TH>
                Classement
            </TH>
            <TH>
                No.
            </TH>
            <TH COLSPAN="2">
                Code
            </TH>
            <TH>
                Time
            </TH>
        </TR>
    </THEAD>

<TR>
<TD ALIGN="right">1.</TD>
<TD ALIGN="right">111</TD>
<TD WIDTH="1">GBR</TD><TD>19810319</TD>
<TD ALIGN="right">time</TD>
</TR>

<TR>
<TD ALIGN="right">2.</TD>
<TD ALIGN="right">1</TD>
<TD WIDTH="1">GER</TD><TD>19820328</TD>
<TD ALIGN="right">time</TD>
</TR>

<TR>
<TD ALIGN="right">3.</TD>
<TD ALIGN="right">14</TD>
<TD WIDTH="1">GER</TD><TD>19810204</TD>
<TD ALIGN="right">time</TD>
</TR>

<TR>
    <TD COLSPAN="5">
        This is a quite long text
        which is being spanned over all
        five columns in this table
    </TD>
</TR>

<TR>
<TD ALIGN="right"></TD>
<TD ALIGN="right">24</TD>
<TD WIDTH="1">SUI</TD><TD>19821218</TD>
<TD></TD>
</TR>

<TR>
<TD ALIGN="right"></TD>
<TD ALIGN="right">26</TD>
<TD WIDTH="1">SUI</TD><TD>19820416</TD>
<TD></TD>
</TR>

</TABLE>

[crisp]

Juist doordat je in je eerste rij al colspans gaat gebruiken gaat de browser de table-layout een beetje 'gokken'; de beste oplossing is om tables te nesten. Zie ook dit topic

[sanderv]

Okay, even verduidelijken dan. Ik heb de eerste rij er in het voorbeeld voor de duidelijkheid bij gelaten, maar ook *zonder* deze eerste rij is het gedrag zoals beschreven!

[Willem]

Koop een boek. Leer HTML

[Pelle]

Crosspost
http://www.webgoeroe.net/topic.php?id=490