Comments on: The Incredible Floating Div

Question: The Incredible Floating Div

grrarrgh00 — Thu, 02 Jun 2005 12:19:17 -0800

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?

By: delfuego

delfuego — Thu, 02 Jun 2005 13:32:08 -0800

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.

By: delfuego

delfuego — Thu, 02 Jun 2005 13:35:40 -0800

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

http://jzone.queso.org/askme20050602/tallphoto.html

By: grrarrgh00

grrarrgh00 — Thu, 02 Jun 2005 13:43:52 -0800

You, sir, happen to be both a gentlemen and a scholar. Please accept this check mark as a token of my gratitude.