IE6 Float

[masonbarge]

A simple problem has me stumped. I have a 365px-wide text column with a google ad (120x240) in it, and all I want to do is float the ad right so the text flows around it to the left. I have tried every combo of css/html I can think of and IE6 has me whipped.

Simple html:

Code: Select all

<div id="left_column"><p>text</p>
<div id="floatright"> google ad verbiage </div>
<p>text</p></div>

With this it won't float.

If I put the google div (span, whatever) inside a paragraph it will float against that paragraph only; it also messes up the indent and line-spacing for the text, so this solution is unacceptable:

Code: Select all

<div id="left_column"><p>text</p>
<p> <div id="floatright"> google ad verbiage </div>
text</p></div>

I'll post some css if you want, but it's very basic and I've changed it repeatedly. I've tried floating the paragraphs and column left and right.

All other browsers are fine. Does anyone know the workaround for IE6?

Here's a URL with the original html setup:
http://www.dhreport.com/articles/a.php?type=arc&spec=75

[Ryan Fait]

I really can't see why that wouldn't be working. No offense (because I would probably take some if I was told this), but if you're changing the CSS, make sure the browser cache is emptied.

I'd prefer a link though.

[Ryan Fait]

I really hope that link wasn't there before I refreshed the page. Try adding display: block; to the google3 div. I know it's already a block element, but sometimes I've found that stupid class fixes every bug known to IE.

Hm, I wish I had IE to play with... Another stupid thing to try would be to make it have a 10 pixel padding instead of a margin.

[Ryan Fait]

Oh wait! I think I found the problem.

Code: Select all

...impedes accurate x-rays, cat scans, and ultrasound.<p><div id="google3">
<script type="text/ja...

You didn't close the paragraph tag, you opened another one.

[Rob]

make sure the floated right layer comes first in the HTML (before the text you want to flow around)

[moojoo]

Rob hit on it, right floats need to come first in the HTML structure. Also if you use IE there is a setting in Internet Options>General>Settings> And click on Every Visit To The Page. THis helps with a lot of IE caching issues.

[Rob]

You can always use no-cache headers.... they are fairly easy to implement.

[Ryan Fait]

The DIV was positioned properly in the HTML structure. It was after one paragraph and before two. There is no reason it shouldn't have been working properly, other than perhaps IE getting confused about the extra <p> getting opened. Mason's fixed the paragraph problem, but he's taken out the ad now.

[masonbarge]

Thanks for pointing out the <p> typo -- it had no effect on the problem but at least I corrected a coding typo

Everything else I'm well aware of and have tried, except for putting in no cache headers. I tried two methods (meta and regular php header) and they didn't solve this problem (unless I just missed some feed to the browser before the header, but I was careful).

Thanks for all the suggestions. I'll go back to it later. I'm thinking maybe the css has to be a frame or table style rather than just a div, but I switched out the data in my db before I could try it.