2014-05-19 45 views
0
<html> 
<body> 
<table align="left" border="0" cellpadding="1" cellspacing="1" style="width: 1000px;"> 
    <tbody> 
     <tr> 
      <td width="300">Hanrathsingel 14</td> 
      <td width="300"><a href="cmsPage1_Home">Home</a></td> 
      <td width="400" height="100%">This one has to take the full height of the table</td> 
     </tr> 
     <tr> 
      <td width="300">1252 AE Laren</td> 
      <td width="300"><a href="cmsPage2_Wie-zijn-wij">Wie zijn wij</a></td> 

     </tr> 
     <tr> 
      <td width="300">T. 035-6231419</td> 
      <td width="300"><a href="cmsPage3_Informatie">Informatie</a></td> 

     </tr> 
     <tr> 
      <td width="300">M. 06-21700357</td> 
      <td width="300"><a href="cmsPage9_Algemene-voorwaarden">Algemene Voorwaarden</a></td> 

     </tr> 
     <tr> 
      <td width="300"><a href="mailto:[email protected]">[email protected]</a></td> 
      <td width="300"><a href="cmsPage4_Contact">Contact</a></td> 

     </tr> 
    </tbody> 
</table> 
</body> 
</html> 

我如何得到列是表高度的100%,但其他支柱必須保持自己的身高?如何獲得一個表3列和第三colums只有1​​100%

因爲我想提出一個小部件在那裏,但我有我的老闆工作,他的CMS和我不允許做出新的div :(

+1

https://www.google.co.in/search?q=don%27t+use+tables+for+layout – techfoobar

+0

「列必須保持其高度」 - 列沒有高度,您的意思是寬度? – Kamil

+0

列默認採用表格高度。 –

回答

2

嘗試rowspan

<table align="left" border="0" cellpadding="1" cellspacing="1" style="width: 1000px;"> 
    <tbody> 
     <tr> 
      <td width="300">Hanrathsingel 14</td> 
      <td width="300"><a href="cmsPage1_Home">Home</a></td> 
      <td width="400" rowspan="5">This one has to take the full height of the table</td> 
     </tr> 
     <tr> 
      <td width="300">1252 AE Laren</td> 
      <td width="300"><a href="cmsPage2_Wie-zijn-wij">Wie zijn wij</a></td> 

     </tr> 
     <tr> 
      <td width="300">T. 035-6231419</td> 
      <td width="300"><a href="cmsPage3_Informatie">Informatie</a></td> 

     </tr> 
     <tr> 
      <td width="300">M. 06-21700357</td> 
      <td width="300"><a href="cmsPage9_Algemene-voorwaarden">Algemene Voorwaarden</a></td> 

     </tr> 
     <tr> 
      <td width="300"><a href="mailto:[email protected]">[email protected]</a></td> 
      <td width="300"><a href="cmsPage4_Contact">Contact</a></td> 

     </tr> 
    </tbody> 
</table> 

Example

+1

thx兄弟你幫我和我最後的學校項目:D – marrie

1

JSFiddle Example

使用rowspan="5"在TD。

Rowspan屬性,告訴你的元素在這種情況下「獲取5行的高度」。

如果您有dinamic內容請記住更新此值到您的表的實際行數。

相關問題