Comments on Web Usability & Website Optimization: Float:left does not work in Firefox/Netscape

Hi. I hope I can get some help here. Website on ...

2008-03-28T12:52:00.000-07:00

Hi. I hope I can get some help here. Website on googlepages has worked fine and suddenly the left margin with graphic, links, and some text appears at the bottom of the right hand column on both IE 7 and Firefox 2. The issue is on MY computer, it all looks right on both browsers, as well as on the manage domain web pages. I've cleared history on my browsers and it still looks fine but on other computers it appears to be missing in action.

Any insights on what/why this is happening - or on how I could fix it when i can't even see the problem on my computer?

Thanks

Useful entry, thanks!Just one comment: "which I th...

2007-06-08T04:02:00.000-07:00

Useful entry, thanks!

Just one comment: "which I think is logically correct as if we don’t specify the width=100% that means we assume the browser considers it to be 100%."

What you typically see browsers doing if you don't specify a width on a (non-floated) div is 100% by a MARGIN box model, actually (which is ridiculously convenient!).

Or, in standards talk: The width of the auto-sized box is "100%-(2*padding)-(2*border)-(2*margin)".

Test it if you like - take a div with implicit width and alter the padding and see if it resizes... then do the same with a div you've explicitely told to be 100% wide. :)

I hope that helps!

Of course float: left and float: right do work on ...

2007-04-27T22:47:00.000-07:00

Of course float: left and float: right do work on Firefox (i just dunno with netscape).

With regards to IE, to ensure floating works well, do not break codes into different lines.. as this is what destroys the layout in IE most of the time.