Tabel skaber sig

det giver jo heller ikke så meget mening at du sætter bredden på en celle til 200 og derefter laver en div med bredden 300px indeni. Så det klart det ikke passer. Desuden passer de forskellige bredder ikke med hinanden - altså i forhold til den bredde du har på tabellen.

Hvad siger dit style sheet? - altså din class="content"

vent...jeg har set forkert! Undskyld kommentaren ;-)

Du har 2 stk. celler ved siden af hinanden, som BEGGE 2 har colspan="2" rowspan="2". Det kan kun gå galt.
Måske dér problemet ligger?

..du har også et extra sæt tr ligende her:

    </tr>
<tr>
</tr>
    <tr>

ryd op i det.

Fik den først pæn, da jeg satte en række, som bruger alle kolonner:

<table border="1" cellspacing="5" cellpadding="5" width="600" style="border-collapse:collapse">
    <tr>
        <td width="140"></td>
        <td width="140"></td>
        <td width="140"></td>
        <td width="140"></td>
    </tr>
    <tr>
        <td class="content" colspan="2" width="280" height="200">
            <div style="width: 280px; height: 200px; background: #009999">
                Article five
            </div></td>
        <td class="content" colspan="2" width="280" height="200">
            <div style="width: 270px; height: 200px; background: #009999">
                Article five
            </div></td>
    </tr>
    <tr>
        <td class="content" width="140" height="100">
            <div style="width: 130px; height: 100px; background: #00ff00">
                Article one
            </div></td>
        <td class="content" colspan="3" width="420" height="100">
            <div style="width: 410px; height: 100px; background: #0000ff">
                Article two
            </div></td>
    </tr>
    <tr>
        <td class="content" colspan="3" width="420" height="100">
            <div style="width: 410px; height: 100px; background: #0000ff">
                Article two
            </div></td>
        <td class="content" width="140" height="100">
            <div style="width: 130px; height: 100px; background: #00ff00">
                Article one
            </div></td>
    </tr>
</table>

skovenborg << No problem :)
bjarniolsen << Min klasse "content" angiver kun font indstillinger.
extend << Ja det er der problemet ligger.
extend << "Ryd op i det"? Hvordan kan jeg ellers have de to celler ovenover til at fylde to rækker uden at lave rod i den næste række med indhold i?
roenvig << Tak for dit svar. Jeg arbejdede lidt med det og fik efterføelgende fuldt ud optimerede HTML ud af det. Fandt ud af at det faktisk er fuldstendigt ligegyldigt hvor den ekstra række indsættes, at der skal være alle celler i rækken og at de SKAL have en bredde angivet. Ret mystisk, men det virker.

Jeg tager hjem nu for at indsætte HTMLen i mit arbejde og afprøve den videre. For interesserede: http://eej.dk/new/

Her er den HTML jeg kom frem til:

<table border="0" cellspacing="0" cellpadding="0" width="600" style="border-collapse:collapse">
    <tr>
        <td class="content" colspan="2" width="300" height="200"><div style="width: 100%; height: 100%; background: #009999">
                Article five
            </div></td>
        <td class="content" colspan="2" width="300" height="200"><div style="width: 100%; height: 100%; background: #009999">
                Article five
            </div></td>
    </tr>
    <tr>
        <td class="content" width="150" height="100"><div style="width: 100%; height: 100%; background: #00ff00">
                Article one
            </div></td>
        <td class="content" colspan="3" width="450" height="100"><div style="width: 100%; height: 100%; background: #0000ff">
                Article two
            </div></td>
    </tr>
    <tr>
        <td class="content" colspan="3" width="450" height="100"><div style="width: 100%; height: 100%; background: #0000ff">
                Article two
            </div></td>
        <td class="content" width="150" height="100"><div style="width: 100%; height: 100%; background: #00ff00">
                Article one
            </div></td>
    </tr>
<tr><td width="150"></td><td width="150"></td><td width="150"></td><td width="150"></td></tr>
</table>

-- så velbekomme '-)

-- og tak for points ;~}