IE和FF之间存在两个显示问题 [英] Two display problems between IE and FF

问题描述

您好，


我的麻烦的最新版本可以在
www.kidsinaction / fd3 / x.html - HTML和CSS都有效。我有两个

的问题...


1）如果你在FF中看到这个，经常是左边的链接块

突破白色框并向下延伸，让页脚在灰色空间中卡住

。要看到这个，请将浏览器窗口缩短，然后在

处，白盒和绿色页脚之间会出现间隙

（应该在它内部） ）。我希望所有的内容都能在白盒子里面留下来。 IE显示这是我想要的。


2）如果您在IE中查看页面，标题部分没有显示其

内容。在FF它显示罚款。我发现

问题是由于清除：两者造成的。在#footer中。我不知道

为什么一个会影响另一个，但确实如此。如果我从CSS中删除这一行，那么IE会正确地显示标题，但是（奇怪的是）仍然有

页脚清除其他位。 FF没有页脚清除，

并将其显示在链接和主要
内容之间的小空间中。如何让页脚在

链接和内容下方清除，但不会导致标题内容消失？


我想象这很大程度上是由于我的经验不足，所以任何提示

将不胜感激。我想避免尽可能多地使用黑客攻击，并尝试通过改进我的CSS来解决这些问题，如果可以做到这一点

。


TIA


-

Alan Silver

（此行下方添加的任何内容均与此无关） me）

Hello,

The latest incarnation of my troubles can be seen at
www.kidsinaction/fd3/x.html - both HTML and CSS validate. I have two
problems with it...

1) If you view this in FF, quite often the block of links on the left
break out of the white box and extend below it, leaving the footer stuck
out in grey space. To see this, make the browser window shorter, and at
some point a gap will appear between the white box and the green footer
(which is supposed to be inside it). I would like all of the content to
stay within the white box. IE shows this as I want it.

2) If you look at the page in IE, the header section does not have its
content displayed. In FF it shows up fine. I have discovered that the
problem is caused by having "clear:both" in the #footer. I have no idea
why the one affects the other, but it does. If I remove this line from
the CSS, then IE shows the header correctly, but (oddly) still has the
footer clearing both other bits. FF does not have the footer clearing,
and displays it in the little space between the links and the main
content. How can I have it so that the footer appears cleared below the
links and content, but does not cause the header content to disappear?

I imagine that much of this is caused by my inexperience, so any tips
would be greatly appreciated. I would like to avoid using hacks as much
as possible, and try and fix these problems by improving my CSS if that
can be done.

TIA

--
Alan Silver
(anything added below this line is nothing to do with me)

推荐答案

你给的链接对我不起作用，但听到你的问题

也许这篇文章对您有所帮助：
http://positioniseverything.net/easyclearing.html

The link you gave doesn''t work for me, but hearing your problems
perhaps this article will be of help to you:
http://positioniseverything.net/easyclearing.html

文章< 11 ********************** @ 38g2000cwa.googlegroups。 com>，xram

< de ************ @ gmail.com>写道

In article <11**********************@38g2000cwa.googlegroups. com>, xram
<de************@gmail.com> writes

你给的链接对我不起作用，


Aaaaaaaaaaaaar !! !!
Harumph，链接应该是： -

http ：//www.kidsinaction.org.uk/fd3/x.html

但是听到你的问题
也许这篇文章对你有所帮助：
http://positioniseverything.net/easyclearing.html

The link you gave doesn''t work for me,
Aaaaaaaaaaaaargh!!

Harumph, the link should have been:-

http://www.kidsinaction.org.uk/fd3/x.html
but hearing your problems
perhaps this article will be of help to you:
http://positioniseverything.net/easyclearing.html

嗯，我读过那个，但不认为它解决了这个问题。

文章讨论了当容器包含

浮动元素时发生的问题，并且之后没有任何已清除的元素。这不是我的问题，因为我有一个#footer div，它有明确的设置为both both。那个

似乎是问题的根源。


无论如何，现在我给了你正确的网址，请你看看吧？ >
看看你的想法。谢谢


-

Alan Silver

（此行下面添加的任何东西都与我无关）

Hmm, I''ve read that one, but don''t think it addressed this issue. That
article discussed the problem of what happens when a container contains
floated elements and there aren''t any cleared elements after. That''s not
my problem as I have a #footer div that has clear set to "both." That
seems to be the source of the problem.

Anyway, now I gave you the right URL, please could you have a look and
see what you think. Thanks

--
Alan Silver
(anything added below this line is nothing to do with me)

Alan Silver写道：

Alan Silver wrote:

1）如果你在FF中看到这个，通常是左边的链接块<从白色盒子中伸出并向下延伸，使页脚在灰色空间中卡住。要看到这一点，请将浏览器窗口缩短，并且在某些时候，白色框和绿色页脚之间会出现间隙（应该在它内部）。我希望所有内容都能保留在白框内。 IE显示这是我想要的。

1) If you view this in FF, quite often the block of links on the left
break out of the white box and extend below it, leaving the footer stuck
out in grey space. To see this, make the browser window shorter, and at
some point a gap will appear between the white box and the green footer
(which is supposed to be inside it). I would like all of the content to
stay within the white box. IE shows this as I want it.

我想我必须在这个评论:-)正如我建议的那样

< ; http：//groups.google.com/group/comp.infosystems.www.authoring.stylesheets/browse_frm/thread/0eb9968459442c07>


完全披露：html<>

FF，车身集装箱通信是半挂车。如果您将页面挤得足够好（小于500px或更低，

，具体取决于内容），身体似乎停止正确报告其大小

到html容器。这就是你注意到差距的原因。
你总是可以使用常规的。解决方案：html和身体粘合

和div作为body holder。

在极少数时刻，我使用图层而不是表格布局我仍然

更喜欢我的解决方案，因为渲染速度，尤其是

大页面 - 因为body与table具有相同的行为，它在数据到达时呈现

，不需要等待关闭< / div>或者。然而

（正如你已经发现的那样）可以用N / n
HTML的方式完成同样的事情。

I guess I have to comment in this one :-) as I suggested this way
<http://groups.google.com/group/comp.infosystems.www.authoring.stylesheets/browse_frm/thread/0eb9968459442c07>

Full disclosure: html <> body container communication is semi-buggy on
FF. If you squeeze the page good enough (lesser than 500px or less,
depending on the content), body seems stop reporting its size properly
to html container. That is the reason of the gap you noticed.
You always can use the "conventional" solution: html and body glued
together and a div as "body holder".
At the rare moment then I use layers instead of table layout I still
prefer my solution better because of the rendering speed, especially on
big pages - because body has the same behavior as table, it renders
upon data arrival, doesn''t need to wait for closing </div> or so. Yet
(as you already discoved) the very same thing can be made in N ways in
HTML.

这篇关于IE和FF之间存在两个显示问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！