"clear:both" fails to work in Phoenix 0.5/Win

help! seems like a browser bug to me

[indiechild]

Does anyone else experience this strangeness? Under Phoenix 0.5 browser, it seems to fail to read <div style="clear:both"></div> so DIVs which are not supposed to be displayed inline continue to be rendered inline (i.e. they line up side by side instead of starting on a new line) and totally ruin the layout!

I haven't had the same problems in any of the other browsers I test with: IE5/Win, IE5.5/Win, IE6/Win, NS6/Win, NS7/Win, Mozilla 1.2.1/Win, Opera6/Win, Opera7/Win -- the pages render perfectly on these browsers. And yes my code is always 100% W3C valid XHTML.

Has anyone else experienced this bizzare problem? I hope it's just a bug with Phoenix and not a coding mistake on my part :(

I guess I'll know if the problem is fixed with the next release of Phoenix. BTW this problem didn't occur with Phoenix 0.4/Win.

[grahamstewart]

Sounds like it could be a bug.. but post a small snippet of example code that we can take a look at.

[DrDoc]

Probably a bug... Pretty much every browser has some sort of issue with

clear

Gecko browsers ignore clear on <span> ...
(well, at least if you do clear:both after two floats, one left and one right)

Try wrapping the top part in a div... (if that makes sense?)

[DrDoc]

Another possible problem could be inhertiance. Have you tried setting float:none in addition to clear:both?

Might work ..

[indiechild]

Ah found the problem!

I was using a separate <div class="spacer"></div> to "clear:both" whenever I wanted to stop DIVs from floating and to goto a new line, but that's the wrong way to go about it apparently. I simply assigned the "clear:both" rule to the next DIV block that was to start on a new line, and everything works fine now.

I'm surprised that all of the other browsers, including earlier versions of Moz, tolerated my ill-educated practices!