The Incredible Floating Div

June 2, 2005 12:19 PM

Why aren't the paragraphs in the body text flowing around a floated div on this page in Internet Explorer?

The text flows just fine until the picture loads, and then it pushes all the text below the div containing the picture. It works fine in Firefox. Can any CSS gurus help me out?

posted by grrarrgh00 to Computers & Internet (3 answers total)

Best answer: Yep, it's because you have two divs also floating right AFTER the end of the tallphoto div but BEFORE the start of the story; the only logical place for them to float is under the photo, making the story also start there. (Honestly, I don't know why Firefox actually doesn't do the same thing as IE here (since it seems more logical to do so), but I also haven't delved deep enough into your layout to answer that sufficiently.)

Move those two divs -- the ibox div and the other stories div -- into the floated-right tallphoto div, and then get rid of the extras div. It'll all work perfectly.
posted by delfuego at 1:32 PM on June 2, 2005

Oh, here's the copy I viewed and then edited to confirm the new layout:

http://jzone.queso.org/askme20050602/tallphoto.html
posted by delfuego at 1:35 PM on June 2, 2005

Response by poster: You, sir, happen to be both a gentlemen and a scholar. Please accept this check mark as a token of my gratitude.
posted by grrarrgh00 at 1:43 PM on June 2, 2005