FF3 float left issue, works in FF2,IE

[progman1010]

here's the link:

https://www.bniconnection.com/index.php?region_id=1&content=enroll/step1a

(several pages on this same template)

When i upgraded from Firefox 2 to 3, the layout broke. Specifically, the #main (content) area hops below the #left_content and should snuggle up at the top. It causes quite a commotion.

I didn't think upgrading to FF3 would be such an issue, especially since everyone loves firefox. Anyway... got any ideas?

 

[BabyJeffy]

Looks fine in FF3 (MacOSX) for me. And in Safari 3.

Your page doesn't validate... might be a good starting point!

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[johnwm]

Looks like its working as I expect in FF3 and Safari under XP. You have a clearing div right after 'Enroll your chapter' which should cause the next element to appear below your div#left_content. This is being ignored by IE6 and IE7 but interpreted corretcly by FF3 and Safari

___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints

 

[progman1010]

ok, finally had a chance to work on this. Both of your comments were perfect. I tend to forget to validate on the larger projects in favor of the backend functionality. Touching this up really helped.

And you're right, it was the clears that caused the issues. My understanding was that the clears should work within the container they reside in. Why would they clear the whole thing? Well, their fixed and I thank you much.

 

[BabyJeffy]

Why would they clear the whole thing?

If you are really interested, this is the official (formal) explaination from the W3C people:

http://www.w3.org/TR/CSS2/visuren.html#floats

Glad it's all sorted for you

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094