Tabel binnen td maximale hoogte aan laten nemen

[Martin?81]

HTML: table.html

<table height="200" cellpadding="0" cellspacing="0" border="0">
   <tr>
      <td>1</td>
      <td style="height:100%;" valign="top">
         <table style="height:100%;" cellpadding="0" cellspacing="0" border="0">
            <tr>
               <td style="height:50%;" valign="top">2</td>
            </tr>
            <tr>
               <td style="height:50%;" valign="bottom">3</td>
            </tr>
         </table>
      </td>
   </tr>
</table>

Waarom neemt de tabel binnen de td niet de maximale hoogte aan? Natuurlijk zou ik met rowspan kunnen werken, maar dat gaat niet omdat dit in een e-mailing zit die ook in hotmail en gmail mooi moet zijn.

Heeft iemand een idee hier voor? TNX.

[BtM909]

Wat wil je bereiken? Want nu lijkt het alsof je gewoon twee cellen toevoegt in je master tabel

Kijk ook even hier, aangezien je bezig bent met een e-mailing: http://www.campaignmonitor.com/css/

[iMars]

volgens mij heeft dat ook te maken met welke doctype je gebruikt:

xxx Strict DTD
xxx Transitional DTD
xxx Frameset DTD
etc.

xxx kan HTML, XHTML zijn

[Niemand_Anders]

Je hoofdtabel is 200 pixels hoog, dan zijn je twee inner rows dan toch elk 100 pixels hoog? Ik ben nog geen renderer tegen gekomen welke de hoogte in pixels niet ondersteund.

Ik zie geen enkele reden om hier met percentages te gaan werken. Keep it simple!

[disjfa]

Niemand_Anders schreef op woensdag 03 december 2008 @ 13:42:
Ik ben nog geen renderer tegen gekomen welke de hoogte in pixels niet ondersteund.

HTML tabellen hebben volgens de richtlijnen geendimensies dacht ik. Heeft ook weinig nut om mee te werken aangezien het onbekend is wat de werking ervan word als d einhoud word aangepast.

Dus voor de TS, gebruik html.

[Martin?81]

DTD HTML 4.01 Transitional is de doctype.

Ik heb inderdaad de hoofdtabel even 200 pixels hoog gemaakt, maar dit moet je even negeren. Het is maar om aan tegeven dat de andere tabel niet even hoog wil worden. De inhoud van cel 1 bepaald namelijk de hoogte van de hoofdtabel.

Wat ik wil bereiken is dat in de tweede kolom er aan de bovenkant een afbeelding komt en helemaal aan de onderkant. De afgeronde hoekjes...

Boven is geen probleem, maar helemaal onderaan lukt nu niet.

[The_Ghost16]

code:

<table height="200" cellpadding="0" cellspacing="0" border="0">
   <tr>
      <td rowspan="2">1</td>
      <td style="height:50%;" valign="top">2</td>
   </tr>
   <tr>
       <td style="height:50%;" valign="bottom">3</td>
    </tr>
</table>

Werkt het zo niet beter?

[Martin?81]

The_Ghost16 schreef op woensdag 03 december 2008 @ 13:55:

code:

<table height="200" cellpadding="0" cellspacing="0" border="0">
   <tr>
      <td rowspan="2">1</td>
      <td style="height:50%;" valign="top">2</td>
   </tr>
   <tr>
       <td style="height:50%;" valign="bottom">3</td>
    </tr>
</table>

Werkt het zo niet beter?

Zo zal het zeker werken. Volgens mij is het nu niet eens noodzakelijk om die hoogte van 50% op te geven, al kan het geen kwaad.

Echter, volgens mij, veroorzaakt de rowspan in gmail en hotmail (e-mailingen) nogal onvoorspelbare problemen. Oftwel, je mooi ontworpen e-mail ziet er niet uit.

[The_Ghost16]

Het wordt zo idd een zooitje in hotmail Heb het maar ff getest.

Dan heb ik zo ff geen oplossing. Maar wel raar dat hotmail er zo slecht mee omgaat.

[Martin?81]

Dan zou je wensen dat je geen rekening zou hoeven houden met gmail en outlook 2007...

[Bosmonster]

Een 100% hoogte moet je gewoon schrappen voor mailings.

Simple.