Welcome to WebmasterWorld Guest from 54.197.94.141

Forum Moderators: not2easy

Message Too Old, No Replies

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

help! seems like a browser bug to me

   
12:57 pm on Mar 16, 2003 (gmt 0)

10+ Year Member



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.

11:20 pm on Mar 16, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Sounds like it could be a bug.. but post a small snippet of example code that we can take a look at.
8:48 am on Mar 17, 2003 (gmt 0)

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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?)

8:50 am on Mar 17, 2003 (gmt 0)

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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

Might work ..

1:38 pm on Mar 17, 2003 (gmt 0)

10+ Year Member



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!

 

Featured Threads

Hot Threads This Week

Hot Threads This Month