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