[HTML] Firefox <td>-tag

[bindsa]

De volgende HTML rendert in Firefox verkeerd:

HTML:

<table border="1" summary="Foobar">
    <tr>
        <td colspan="1" style="width: 5px;">Foo</td><td colspan="2">Bar</td>
    </tr>
    <tr>
        <td colspan="2"><input type="text" size="100"></td><td colspan="1">Bar</td>
    </tr>
</table>

De renders:

Ik wil de lay-out hebben zoals in Chrome, maar dat lukt niet. Wat doe ik verkeerd?

[Flowmo]

Dit is dus verkeerd gebruik van colspan. Je hebt maar twee kolommen in je table, terwijl de colspans totaal op 3 uitkomen. Chrome rendert dit dus eigenlijk "verkeerd" en Firefox goed.

[Stouten]

Alles een size geven, en niet alleen de eerste td. Al geprobeerd?

[bindsa]

Flowmo schreef op woensdag 23 februari 2011 @ 11:52:
Dit is dus verkeerd gebruik van colspan. Je hebt maar twee kolommen in je table, terwijl de colspans totaal op 3 uitkomen. Chrome rendert dit dus eigenlijk "verkeerd" en Firefox goed.

Dat meen je niet. Hoe kan ik dat nu weer niet zien.... Bedankt
[slapexcuus]Heeft er vast mee te maken dat de 'echte' tabel heel veel kolommen had...[/slapexcuus]

[masterpoi]

Of er inderdaad een probleem is met de colspan kan je misschien uittesten met een hidden row toe toe voegen ala:

HTML:

<tr style="display:none"> 
        <td></td>        <td></td>        <td></td>
</tr>

Imo zou een browser slim genoeg moeten zijn om te begrijpen wat jij bedoelt.

[bindsa]

masterpoi schreef op woensdag 23 februari 2011 @ 12:00:
Of er inderdaad een probleem is met de colspan kan je misschien uittesten met een hidden row toe toe voegen ala:

HTML:

<tr style="display:none"> 
        <td></td>        <td></td>        <td></td>
</tr>

Zonet geprobeerd, dat werkt inderdaad.

Imo zou een browser slim genoeg moeten zijn om te begrijpen wat jij bedoelt.

Als je 'slimme'-browsers gaat maken die de richtlijnen naar hun eigen hand zetten krijg je van die IE6-baksels...

[masterpoi]

Volgens de HTML spec lijkt mij het COL/COLGROUP element aangewezen:

quote: http://www.w3.org/TR/html401/struct/tables.html#column-calc

Calculating the number of columns in a table

There are two ways to determine the number of columns in a table (in order of precedence):

If the TABLE element contains any COLGROUP or COL elements, user agents should calculate the number of columns by summing the following:
For each COL element, take the value of its span attribute (default value 1).
For each COLGROUP element containing at least one COL element, ignore the span attribute for the COLGROUP element. For each COL element, perform the calculation of step 1.
For each empty COLGROUP element, take the value of its span attribute (default value 1).
Otherwise, if the TABLE element contains no COLGROUP or COL elements, user agents should base the number of columns on what is required by the rows. The number of columns is equal to the number of columns required by the row with the most columns, including cells that span multiple columns. For any row that has fewer than this number of columns, the end of that row should be padded with empty cells. The "end" of a row depends on the table directionality.

De spec is echter onduidelijk ivm colspan en rowspan zonder col/colgroup. Vandaar het verschil tsn Firefox & Chrome. Blijf echter die van Chrome de meest logische oplossing vinden.

[mcDavid]

Ik weet niet watvoor gegevens je wilt weergeven, maar misschien moet je je afvragen of een table uberhaupt wel de juiste keuze is. Of misschien moet je wat je nu presenteert in één row zetten, en met divs de scheidingen maken?