Sta*_*ale 5 html css internet-explorer-6
鉴于以下html:
<body>
<div style="float: left; background: red">Hi</div>
<div style="float: left; background: blue">Hi again</div>
</body>
我希望第二个div从页面上取下宽度的其余部分.设置宽度100%将使其换行到下一行,我不知道还要设置什么来修复它.左栏需要根据其内容调整大小,而右栏则需要提醒水平空间.
我知道我可以用表格做到这一点,但在实际应用中,这会导致IE6中出现其他问题.在应用程序中,左列是树,而其余是主视图.树可以折叠.另外还有使用Dojo的弹出窗口.当显示并移动弹出div时,右列(以表格形式)展开以与IE6中的左列重叠.是的,这是IE中的一个错误,所以我试图找到一个替代布局来解决这个问题.它适用于div,但现在主视图不会扩展以填充其他浏览器中的屏幕.
这是一个更好的破碎版本.我需要修复它,以便表不扩展页面宽度并为此添加水平滚动:
<div style="float: left; background: red; padding: 5px; margin: 5px;">Hi</div>
<div style="background: blue">
<table width="100%"><tr><td bgcolor="green">
Hi again
</td></tr></table>
</div>