Hi, everybody.

I'm having a hell of a time getting overflow: auto to work in IE6. It's working in Firefox and Safari, but I can't figure out why it won't scroll in IE6, and all the documentation I've found seems to say that overflow is supposed to be supported by IE6.

Here's the link: http://it-is.diaryland.com

Can anyone help me figure this out? Please?

IMHO, the best alternative is to stop hiding your content in little boxes that scroll independently of the main page.

That was the original idea... but I've gone so far with it this way. I'd basically have to re-think/re-do everything.
Maybe that's just me being lazy.

You expect a lot of a poor old browser. You have absolutely positioned TDs that should use overflow... Let me ask, why the tables? Why the AP?

If you must, this is a dirty fix. Wrap the text in the TD in a DIV and move the class from the TD to the DIV.

(And don't use loose Ps to create space - that's what 'margin' is for.)

Change the selector

to just this.



It would be much better if you lost the tables. You could cut down on both the HTML and the CSS and also the complexity considerably.

At the risk of sounding stupid, what would I use instead of tables?

CSS. You already do. To me, tables and positioning at the same time is too much of the good. So did the fix work?

Er... now I have a new set of problems...
Using strictly CSS instead of alongside tables is sort of new to me. If I were to remove the table tags, what would I embed the CSS classes in?

What kind of structure makes sense for the content? Paragraphs? Headings? Lists?

If nothing else makes sense, then a div element with an appropriate class/id works.

Not?

It's hard to explain. It sort of.. became a table within a table? There were two "background" images. And the text was offset in a very bizarre manner.
I think I might just scrap the whole layout and do something simpler.

Hey, I simply wondered if the fix worked!