0

我正在尝试让我制作的网站在我最喜欢的浏览器中正确显示，这永远不会给我带来麻烦 - IE6 !!! 哈哈。我在一个 div 中有 2 个浮动元素：

#content_container { position:relative; width: 908px; background-color:#FFFFFF; padding: 26px; min-height:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; }
#content_container_left { position:relative; width: 384px; float:left;}
#content_container_right { position:relative; width: 496px; float:right; text-align:justify;}

上面的 CSS 结果如下：

在此处输入图像描述

如您所见，文本（#content_container_right）信息位于图库（#content_container_left）下方，其中右侧容器应浮动在空白区域的右侧。

我已经尝试给margin:0px;和padding:0px;两个浮动元素，但这不起作用......虽然我的浮动元素中没有任何边距display:inline;也不起作用。父 div 中的填充似乎不是问题。

顺便说一句：我一直在IE Tester中对此进行测试，事实证明它非常有用（即使它可能不是 100% 真实垃圾的复制品）

有什么想法/建议吗？

4

1 回答 1

0

好的，所以我发现display:inline; andzoom:1已经解决了我的问题（在浮动 div 中使用它们）。下面的人就 IE6 给出了一些很好的建议。记住不要像 Henrik 提到的那样为 IE6 背脊，因为这只会让 Microsoft LAZY 并且它正在逐渐消失。

于 2012-07-08T16:00:17.277 回答