作者tomin (弱水三千 只取一瓢饮)
看板Ajax
标题[问题] IE左右切版,table overflow in div换行
时间Sat Dec 1 12:14:47 2012
http://jsfiddle.net/M5Mxk/2/
<div id="container">
<div id="menu">menu</div>
<div id="main">
<table><tr><td>very_long_text_in_a_table
<br/><br/><br/>
</td></tr></table>
</div>
</div>
我的问题是 我将页面切割成左右两栏
左menu25% 右main66.6% 我是用bootstrap切 (row3, row8)
main里面有个table table内容很宽 会超过页面
http://jsfiddle.net/M5Mxk/2/embedded/result/
用Fx看 左右两栏是同一列
但用IE看 左右变成两列 不是我想要的结果
我想要reproduce问题 不过只成功reproduce IE6 然而IE7, IE8也有一样问题
如果IE6能fix IE7-10应该也就没问题
有解吗?网路上没搜到答案,或者是说这问题不知从何搜起。
还是两栏都再用另一个table 至少会同一列
但宽度怎麽设呢?左边设固定宽?右边是会变动的宽
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 1.160.226.173
※ 编辑: tomin 来自: 1.160.226.173 (12/01 12:29)
1F:→ kurtisgod:感觉是过长的底线造成的 12/25 18:33