IE6与Mozilla的div位置差异 [英] div position differences in IE6 vs. Mozilla

问题描述

我无法弄清楚为什么黄色方框位于

IE6中的灰色div区域内，而不是Mozilla / Firebird中。任何建议都将不胜感激。

我希望页面在IE6中显示。


这是包含布局和html的页面：

http://www.cyberplasm.com/temp/ HTMLPage1.htm

I can''t figure out why the yellow boxes are inside the gray div area in
IE6, but not in Mozilla/Firebird. Any suggestions would be appreciated.
I want the page to appear as it does in IE6.

Here is the page with the layout and html:

http://www.cyberplasm.com/temp/HTMLPage1.htm

推荐答案

ps< [e-mail]>写道：

ps <[e-mail]> wrote:

我无法弄清楚为什么黄色框位于IE6中的灰色div区域内，而不是Mozilla / Firebird。任何建议都将不胜感激。
我希望页面在IE6中显示。

这是包含布局和HTML的页面：

http://www.cyberplasm.com/temp/HTMLPage1.htm

I can''t figure out why the yellow boxes are inside the gray div area in
IE6, but not in Mozilla/Firebird. Any suggestions would be appreciated.
I want the page to appear as it does in IE6.

Here is the page with the layout and html:

http://www.cyberplasm.com/temp/HTMLPage1.htm

因为float从正常流中删除元素。因此

contentarea没有内容，因此没有高度。添加一个元素

with clear：left;在最后一个浮动的元素之后。


史蒂夫


-

我的理论给你，我的异端邪说愤怒的你，

我从不回信，你也不喜欢我的领带。 - 医生


Steve Pugh< st *** @ pugh.net> < http://steve.pugh.net/>

Because float removes the element from the normal flow. Hence the
contentarea has no content and hence has no height. Add an element
with clear: left; after the last floated element.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don''t like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

ps< [e-mail]>写道：

ps <[e-mail]> wrote:

我无法弄清楚为什么黄色框位于IE6中的灰色div区域内，而不是Mozilla / Firebird。任何建议都将不胜感激。
我希望页面在IE6中显示。

这是包含布局和HTML的页面：

http://www.cyberplasm.com/temp/HTMLPage1.htm

I can''t figure out why the yellow boxes are inside the gray div area in
IE6, but not in Mozilla/Firebird. Any suggestions would be appreciated.
I want the page to appear as it does in IE6.

Here is the page with the layout and html:

http://www.cyberplasm.com/temp/HTMLPage1.htm

因为float从正常流中删除元素。因此

contentarea没有内容，因此没有高度。添加一个元素

with clear：left;在最后一个浮动的元素之后。


史蒂夫


-

我的理论给你，我的异端邪说愤怒的你，

我从不回信，你也不喜欢我的领带。 - 医生


Steve Pugh< st *** @ pugh.net> < http://steve.pugh.net/>

Because float removes the element from the normal flow. Hence the
contentarea has no content and hence has no height. Add an element
with clear: left; after the last floated element.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don''t like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

ps< [e-mail]>写道：

ps <[e-mail]> wrote:

我无法弄清楚为什么黄色框位于IE6中的灰色div区域内，而不是Mozilla / Firebird。任何建议都将不胜感激。
我希望页面在IE6中显示。

这是包含布局和HTML的页面：

http://www.cyberplasm.com/temp/HTMLPage1.htm

I can''t figure out why the yellow boxes are inside the gray div area in
IE6, but not in Mozilla/Firebird. Any suggestions would be appreciated.
I want the page to appear as it does in IE6.

Here is the page with the layout and html:

http://www.cyberplasm.com/temp/HTMLPage1.htm

BTW，Opera中的外观与IE或

Mozilla完全不同。可能与显示器有关：内联块;


你是说触发怪癖模式吗？


史蒂夫


-

我的理论给你起见，我的异端邪说你，

我从不回信，你不喜欢我的领带"。 - 医生


Steve Pugh< st *** @ pugh.net> < http://steve.pugh.net/>

BTW, the appearance in Opera is totally different to either IE or
Mozilla. Probably something to do with the display: inline-block;

And do you mean to trigger quirks mode?

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don''t like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

这篇关于IE6与Mozilla的div位置差异的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！