2013-05-01 69 views
0

我编写一个如下的设计台面高度: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

未来

感谢

+0

你可以一点点Fiddle但他们在

的情况,并给他们一个边缘李。 – DiederikEEn 2013-05-01 10:57:58

+0

如果你不使用表格来布置页面,这可能是最好的。这被认为是不好的做法,并可能导致问题。 – Spudley 2013-05-01 11:05:07

+0

你试过我的小提琴吗? – DiederikEEn 2013-05-01 11:27:39

回答

1

给你的表中的ID和使用CSS它看起来在所有浏览器相同。

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

入住这fiddle
欲了解更多信息,请阅读this

+1

它仍然没有工作,它在Firefox和IE浏览器中工作正常,但在其他浏览器上无法正常工作 – Karishma 2013-05-01 10:01:21

-1

你为什么不把它们放入一个列表?

这里是你

相关问题