我的额头因对此问题感到沮丧而受伤.在符合标准的浏览器中,我的布局看起来不错,但是IE7和IE6当然会让所有事情变得一团糟.我正在尝试制作一个简单的标题,该标题的左边有一些文本,右边有一个内联表单.标头宽835像素,使用自动边距居中.这是我的代码:
<div id="header">
<span>Some Text</span>
<div style="display: inline; float: right; margin-top: 6px; position: relative;">
Jump to: <form ... style="display: inline;"> blah blah </form>
</div>
</div>
据我所知,IE6 / 7正在将包含表单的div视为一个块元素.它正确显示在标题div的右侧,但被向下推.我尝试给内部div一个宽度和绝对位置,但无济于事.实际上,如果可能的话,我实际上想避免绝对定位和条件语句.我必须忽略一些东西.有什么建议么?
更新:这是IE7的屏幕截图
alt text http://vincentalcivar.com/ie7.png
最佳答案
更改< span>某些文本< / span>到< span style =“ float:left;”> Some Text< / span>.
另外,您可能要删除以删除margin-top:6px;职位:相对来自DIV.
编辑:这是代码.
<div id="header">
<span style="float: left;">Some Text</span>
<div style="display: inline; float: right;">
Jump to: <form style="display: inline; margin: 0;"> blah blah </form>
</div>
</div>
添加了& nbsp; (并消除了溢出:auto;),因为IE6认为浮点后的行没有内容.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。