可能的Firefox bug：float：right和tables [英] Possible Firefox bug: float:right and tables

查看：90
本文介绍了可能的Firefox bug：float：right和tables的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

希望你能帮我解决这个问题。

我有一个漂浮的盒子。下面（在正常浮动中）我

有一张宽桌子。


< body>

< div style = "浮动：右; width：200px"> ...< / div>

< p>此段落正确显示< / p>

< table style =" width：300px">

< tr>< td>此表格不会在Firefox中向下移动。 < / td>< / tr>

< tr>< td> IE使其正确。< / td>< / tr>

< ; / table>

< / body>


据我所知，该表应该向下移动直到它清晰

浮子。 IE是正确的，但Firefox渲染方式不同：

表不会向下移动，表格内容会在

浮点数之上呈现。


我做了一个测试页来说明问题。
http://visitjesper.homeip.net/test/c...at+tables.html


我还制作了截图来说明问题。

IE 6 http：// visitjesper。 homeip.net/test/screenshot007.png

Firefox 1.0 http://visitjesper.homeip.net/test/screenshot008.png

从CSS2.1规范中我发现了这个



"如果缩短的行框太小而无法包含任何其他内容，

那么它会被转移wnward直到它适合或没有更多

花车存在。
http://www.w3.org/TR/CSS21/visuren.html#floats


这使得我认为Firefox错了。


请你在这里帮助我：


*任何解决方法的想法，以便Firefox移动表向下？

*确认这是不是错误。


任何反馈意见！


Best此致，


Jesper R？nn-Jensen

解决方案

Jesper R？nn- Jensen写道：

正如我所理解的那样，桌子应该向下移动，直到浮子清晰。


没有理由说你提出的代码会产生这种影响，但是b $ b但是...... b $ b我做了一个测试页面说明问题。
http：// visitjesper.homeip.net/test/c...at+tables.html

在这里你将浮动的元素包装在另一个容器中，这是一个小的

不同。

我还制作了截图来说明问题。
IE 6 http://visitjesper.homeip.net/test/screenshot007.png
Firefox 1.0 http://visitjesper.homeip.net/test/screenshot008.png




IE中的错误。

http：/ /www.complexspiral.com/publica...aining-floats/

-

David Dorward< http://blog.dorward.me .UK /> < http://dorward.me.uk/>

Home是comp.infosystems中〜/ .bashrc


的地方.http：David Dorward写道：

根据我的理解，桌子应该向下移动，直到漂浮的漂亮。
那里没有理由为什么你提出的代码应该具有这种效果，
然而......

我做了一个测试页来说明问题。
<一个rel =nofollowhref =http://visitjesper.homeip.net/test/css+rightfloat+tables.htmltarget =_ blank> http://visitjesper.homeip.net/test/c...at + tables.html



在这里你将浮动元素包装在另一个容器中，这个容器有点不同。

我还制作了截图来说明问题/> IE 6 http://visitjesper.homeip.net/test/screenshot007。 png
Firefox 1.0 http：//visitjesper.homeip .net / test / screenshot008.png




对Opera 8b1的影响很大......

Bug in IE。




你确定吗？第一张图片是FF，另一张是IE。 （不是像链接旁边的文字那样
，至少让我感到困惑......）


好​​像它是FF中的错误。也就是说，文本不应与

float重叠。应该如何渲染这个问题并不是一个简单的问题，而且IIRC，

Firebird 0.8（或者是Mozilla 1.0）具有最正确的渲染效果，而且b $ b看起来最丑陋。 ..它开始在它应该的位置，然后拉伸

第一行，直到最右边的单元格中的行处于浮动状态。

-

Lauri Raittila< http://www.iki.fi/lr> < http://www.iki.fi/zwak/fonts>

乌得勒支，NL。


Lauri Raittila写道：

你确定吗？第一张图片是FF，另一张是IE。 （不像链接旁边的文字说的那样，至少让我感到困惑......）




啊，为了不看屏幕截图并从仅

描述。不是我认为的问题。


-

David Dorward< http://blog.dorward.me.uk/> < http://dorward.me.uk/>

首页是〜/ .bashrc的位置


Hope you can help me out on this one.
I have a a box that is floated right. Below (in the normal float) I
have a wide table.

<body>
<div style="float:right; width:200px">...</div>
<p>This paragraph is showed correctly</p>
<table style="width:300px">
<tr><td>This table is not moved downwards in Firefox. </td></tr>
<tr><td>IE gets it right.</td></tr>
</table>
</body>

As I understand, the table is supposed move downwards until it is clear
of the float. IE gets it right, but Firefox renders it differently: The
table does not move down and table content is rendered on top of the
float.

I made a test page to illustrate the problem.
http://visitjesper.homeip.net/test/c...at+tables.html

I also made screenshots to illustrate the problem.
IE 6 http://visitjesper.homeip.net/test/screenshot007.png
Firefox 1.0 http://visitjesper.homeip.net/test/screenshot008.png

From the CSS2.1 spec I found this


"If a shortened line box is too small to contain any further content,
then it is shifted downward until either it fits or there are no more
floats present."
http://www.w3.org/TR/CSS21/visuren.html#floats

This makes me assume that Firefox gets it wrong.

Would you please help me here:

* Any ideas for a workaround so that Firefox moves the table downward?
* Confirm if this is a bug or not.

Any feedback appreciated!

Best Regards,

Jesper R?nn-Jensen

解决方案

Jesper R?nn-Jensen wrote:

As I understand, the table is supposed move downwards until it is clear
of the float.
There is no reason why the code you presented should have that effect,
however...
I made a test page to illustrate the problem.
http://visitjesper.homeip.net/test/c...at+tables.html
Here you wrap the floated element in another container, which is a little
different.
I also made screenshots to illustrate the problem.
IE 6 http://visitjesper.homeip.net/test/screenshot007.png
Firefox 1.0 http://visitjesper.homeip.net/test/screenshot008.png



Bug in IE.

http://www.complexspiral.com/publica...aining-floats/
--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is


in comp.infosystems.www.authoring.stylesheets, David Dorward wrote:

Jesper R?nn-Jensen wrote:

As I understand, the table is supposed move downwards until it is clear
of the float.
There is no reason why the code you presented should have that effect,
however...

I made a test page to illustrate the problem.
http://visitjesper.homeip.net/test/c...at+tables.html



Here you wrap the floated element in another container, which is a little
different.

I also made screenshots to illustrate the problem.
IE 6 http://visitjesper.homeip.net/test/screenshot007.png
Firefox 1.0 http://visitjesper.homeip.net/test/screenshot008.png



Strange effect on Opera 8b1...
Bug in IE.



Are you sure? The first image was of FF and the other was from IE. (not
like the text beside link says, confuced me at least...)

It seems that it is bug in FF. That is, text should not overlap with
float. How this should be rendered is not as simple question, and IIRC,
Firebird 0.8 (Or was it Mozilla 1.0) had most right rendering, which also
looked most ugly... It started table where it should, and streched the
first row until lines in rightmost cells were under float.
--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.


Lauri Raittila wrote:

Are you sure? The first image was of FF and the other was from IE. (not
like the text beside link says, confuced me at least...)



Ah, kicks self for not looking at the screenshots and working from the
description alone. Not the problem I thought it was.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is


这篇关于可能的Firefox bug：float：right和tables的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
其他开发语言最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆