Följande tabell fungerar som jag vill i FF men inte i IE. Problemet är att IE inte accepterar höjderna jag sätter, utan fördelar höjderna lika mellan alla rader. Något förslag på hack eller omstrukturering för att få det att se ut som jag vill?


<table border="1">
<tr>
<th>Produktgrupp</th>
<th>Produkt</th>
</tr>
<tr>
<td rowspan="3" style="height:180px">text</td>
<td style="height:20px">1</td> <!-- denna höjd ska gälla -->
</tr>
<tr style="height:20px"> <!-- denna höjd ska gälla -->
<td>3</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>


I detta exempel har td med text en fast höjd, men den kan variera. Jag vill att raderna
den har i sitt rowspan inte fördelas lika, utan följer css-höjden jag sätter. Kör doctype
strict xhtml.

kan du inte ange den rakt av då?
<code><table border="1">
<thead>
<th>Produktgrupp</th>
<th>Produkt</th>
</thead>
<tr>
<td rowspan="3">text</td>
<td style="height:20px">1</td>
</tr>
<tr>
<td style="height:20px">3</td>
</tr>
<tr style="height: 140px;">
<td>4</td>
</tr>
</table>
</code>

Nej, tyvärr.. för jag vet aldrig höjden på td:n med text. Den sätts aldrig till något
fast värde utan varierar beroende på hur mkt text som läggs in där.

okej, men lägg en tabell däri:
<code><table>
<tr>
<td>texten som växer</td>
<td width="1"><img src="genomskinlig.gif" width="1" height="140"/></td>
</tr>
</table></code>

så har du åtminstonde en minimumhöjd ? Eller har jag helt missuppfattat allting?

Nejdå - jag uppskattar hjälpen! Men om höjden blir högre än minimumhöjd ökas ändå höjden på alla rader till höger. Så här:

Produktgrupp | Produkt
===================
massa rad 1
text
massa rad 2
text
massa rad 3

Fast jag vill att det ska se ut så här:

Produktgrupp | Produkt
====================
massa rad 1
text rad 2
massa rad 3
text
massa

Då skulle jag kört på nästlade tabeller istället från början:

<code>
<table>
<tr>
<td>massa text massa text</td>
<td valign="top">
<table>
<tr><td> rad 1 </td></tr>
<tr><td> rad 2 </td></tr>
<tr><td> rad 3 </td></tr>
</table>
</td>
</tr>
</table>
</code>

Tack, testade det åxå! Det funkade bra, så länge man inte har fler kolumner. Då
läser IE inte bredden på cellerna i huvudtabellen så att säga... Det funkar i FF.


<code>
<table width="100%" border="1px">
<tr>
<th>produktgrupp</th>
<th>produkt</th>
<th style="width:40px;">pris</th> <!-- denna bredd ska gälla -->
<th style="width:40px;">nr</th> <!-- denna bredd ska gälla -->
<th style="width:100px;">kod</th> <!-- denna bredd ska gälla -->
</tr>
<tr>
<td>
1. Produktgrupp

</td>
<td colspan="5">
<table border="1" style="width:100%;">
<tr>
<td>Produkt 1</td>
<td style="width:40px">14</td> <!-- denna bredd funkar -->
<td style="width:40px">776</td> <!-- denna bredd funkar -->
<td style="width:100px">14776</td> <!-- denna bredd funkar -->
</tr>
</table>
</td>
</tr>
</table>
</code>

borde det inte vara
<td colspan="4"> istället för <td colspan="5"> ?

Hoppsan! Det har du rätt i...men samma problem kvarstår ändå.