IE 6.0在两列布局中的奇怪行为 [英] Strange behaviour of IE 6.0 in a two column layout

查看:57
本文介绍了IE 6.0在两列布局中的奇怪行为的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试构建一个带有标题的页面,中间有2列,而页面是
。左栏包含菜单,右栏包含真实的

内容。而不是给内容列一个左边距和菜单的

宽度,我给内容列一个边框,菜单的宽度为

。 (在

菜单列高于内容列的情况下,这使我的生活更轻松)。这个解决方案在我用于测试的所有浏览器中都可以正常工作,除了IE 6.0。令人惊讶的是IE

为我的页脚提供了一个比视口更宽的格子。因此,页脚中的左对齐文本

不可见。为什么IE这样做?

我能做什么强制IE按预期显示我的页脚?


测试页的地址是
http://www.impotenz-selbsthilfe.de/test/ ie-footer.html


感谢任何提示!

$ b $bGünther

解决方案

GüntherSteinmetz写道:

我正在尝试构建一个带有标题的页面,中间有2列,并且是一个页脚。左栏包含菜单,右栏包含真实的内容。而不是给内容列一个左边距和菜单的宽度,我给内容列一个带有菜单宽度的边框。 (在
菜单列高于内容列的情况下,这使我的生活更轻松)。这个解决方案在我用于测试的所有浏览器中运行良好,除了IE 6.0。令人惊讶的是IE
让我的页脚宽度比视口宽。因此,页脚中的左对齐文本不可见。为什么IE会这样做?
我能做什么强制IE按预期显示我的页脚?




设计不错。

不幸的是我已经在我的机器上运行了IE7的测试版

(顺便说一句没有问题)所以我是从记忆中做到的;

我之前见过。


尝试设置

div#foot {width:99%;}


对不起,如果这没有用。


-

ironcorona


您好,

感谢您的回答。不幸的是,将宽度设置为99%使得b / b $ b更糟糕。还有其他想法吗?

$ b $bGünther


曾几何时*GüntherSteinmetz*写道:

您好,
感谢您的回答。不幸的是,将宽度设置为99%会使事情变得更糟。还有其他什么想法吗?




跟你说话,是吗?如果没有,那么你是谁说的,并且

感谢'答案是什么?


*如何报价: http://www.netmeister.org/news/learn2quote.html#toc2

*来自Google: http://www.safalra .com / special / googlegroupsreply /

Google群组用户,阅读Usenet改进项目:
http://blinkynet.net/comp/uip5.html


- < br $>
/ Arne


SeaMonkey的骄傲用户。获取免费副本:
http://www.mozilla.org/ projects / seamonkey /


I am trying to build a page with a header, 2 columns in the middle and
a footer. The left column contains the menu, the right column the real
content. Instead of giving the content column a left margin with the
width of the menu, i am giving the content column a border with the
width of the menu. (This makes life easier for me in the case that the
menu column is higher than the content column). This solution works
fine in all browsers i used for testing except IE 6.0. Surprisingly IE
gives my footer a width greter than the viewport. As a consequence the
left aligned text in the footer is not visible. Why is IE doing this?
What can i do the force IE to display my footer as intended?

The address of test page is
http://www.impotenz-selbsthilfe.de/test/ie-footer.html

Thanks for any hints!

Günther

解决方案

Günther Steinmetz wrote:

I am trying to build a page with a header, 2 columns in the middle and
a footer. The left column contains the menu, the right column the real
content. Instead of giving the content column a left margin with the
width of the menu, i am giving the content column a border with the
width of the menu. (This makes life easier for me in the case that the
menu column is higher than the content column). This solution works
fine in all browsers i used for testing except IE 6.0. Surprisingly IE
gives my footer a width greter than the viewport. As a consequence the
left aligned text in the footer is not visible. Why is IE doing this?
What can i do the force IE to display my footer as intended?



Nice design.

Unfortunately I''ve got the beta version of IE7 running on my machine
(where there''s no problem by the way) so I''m doing this from memory;
I''ve seen it before.

Try setting the
div#foot {width:99%;}

Sorry if this doesn''t help.

--
ironcorona


Hello,
thanks for your answer. Unfortunately setting the width to 99% made
things worse. Any other ideas?

Günther


Once upon a time *Günther Steinmetz* wrote:

Hello,
thanks for your answer. Unfortunately setting the width to 99% made
things worse. Any other ideas?



Talking to your self, are you. If not, then who do you say hallo to, and
thank''s for what answer?

* How to quote: http://www.netmeister.org/news/learn2quote.html#toc2
* From Google: http://www.safalra.com/special/googlegroupsreply/

Google Group Users, read about The Usenet Improvement Project:
http://blinkynet.net/comp/uip5.html

--
/Arne

Proud User of SeaMonkey. Get your free copy:
http://www.mozilla.org/projects/seamonkey/


这篇关于IE 6.0在两列布局中的奇怪行为的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆