homepage Welcome to WebmasterWorld Guest from 23.23.12.202
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
"clear:both" fails to work in Phoenix 0.5/Win
help! seems like a browser bug to me
indiechild

10+ Year Member



 
Msg#: 754 posted 12:57 pm on Mar 16, 2003 (gmt 0)

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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 754 posted 11:20 pm on Mar 16, 2003 (gmt 0)

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

DrDoc

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



 
Msg#: 754 posted 8:48 am on Mar 17, 2003 (gmt 0)

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

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



 
Msg#: 754 posted 8:50 am on Mar 17, 2003 (gmt 0)

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

Might work ..

indiechild

10+ Year Member



 
Msg#: 754 posted 1:38 pm on Mar 17, 2003 (gmt 0)

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!

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved