檯面高度：100％不是在鉻，野生動物園工作，歌劇

CSS

#content1{ 
top:0; 
width: 300px; 
height: 250px; 

} 

#content2{ 
width: 300px; 
height: 250px; 

} 

#content3{ 
width: 300px; 
height: 250px; 

} 

#bottom{ 
width: 300px; 
height: 75px; 

}

代碼

<td width="300" valign="top" style="height:100%;"> 


     <table border="0" align="center" cellpadding="0" cellspacing="0" height="100%"> 
     <tr> 
     <td valign="top"> 
     <div id="content1>/*****Content1****/</div> 
     </td> 
     </tr> 
     <tr> 
     <td valign="middle"> 
     <div id="content2/*****Content2****/</div> 
     </td> 
     </tr> 
     <tr> 
     <td valign="middle"> 
     <div id="content3/*****Content3****/</div> 
     </td> 
     </tr> 
     <tr> 
     <td valign="bottom"> 
     <div id="bottom/*****Content4****/</div> 
     </td> 
    </tr> 
    </table> 

</td>

您可以在這裏工作 http://www.spoiledagent.com/about_karu1.html看到這

這是完美的，因爲我希望它在兩者上都有相同的利潤率瀏覽器IE和Mozilla，但在Safari，Chrome等其他瀏覽器中看起來不太好，所有的塊都在粘在一起。

我們怎樣才能使因爲它是在IE

未來

感謝

來源

2013-05-01 Karishma

你可以一點點Fiddle但他們在

的情況，並給他們一個邊緣李。 – DiederikEEn 2013-05-01 10:57:58

如果你不使用表格來佈置頁面，這可能是最好的。這被認爲是不好的做法，並可能導致問題。 – Spudley 2013-05-01 11:05:07

你試過我的小提琴嗎？ – DiederikEEn 2013-05-01 11:27:39

給你的表中的ID和使用CSS它看起來在所有瀏覽器相同。

#tableid 
{ 
border-collapse:separate; 
border-spacing:0 20px; 
}

入住這fiddle
欲瞭解更多信息，請閱讀this

來源

2013-05-01 09:48:40

它仍然沒有工作，它在Firefox和IE瀏覽器中工作正常，但在其他瀏覽器上無法正常工作 – Karishma 2013-05-01 10:01:21

-1

你爲什麼不把它們放入一個列表?

這裏是你

來源

2013-05-01 11:02:08 DiederikEEn

檯面高度：100％不是在鉻，野生動物園工作，歌劇

回答

相關問題