CSS Experts - Anyone wanna help me hack this page to work for IE6/IE7?

[Dave Kaminski]

So I've been developing this site and testing in Mozilla - forgot to check the other browsers and now I've got my content clearing the area of my left column.

I know I'll probably have to adjust widths and heights and positioning and clears and floats etc, but I'm not sure where to start.

While I hack away at this site, I'd love a hand!

You can see how far I've come at Welcome to Kaminski Development Realty Demo Site! - notice the content is just below the left hand column, because of IE's poor implementation of the box method.

Thanks!!

[Minsc]

-You have a transparent PNG on the left of the page which IE6 can't render(it has a teal background on that browser). It should probably be a non-transparent GIF since the background is solid(smaller file size). You could also apply some IE-specific code to get it to render properly. (transparent PNGs work in IE7)

-To fix your problem, get rid of the "width: 570px;" statement under the "#outer" rule. You don't need it, and IE probably added a margin or something.

[Dave Kaminski]

Yeah PNG24 doesn't work on IE6 'eh? I was using it for testing purposes as it was easier to just change the color of the text. I'll make sure to change it once I've decided on colors.

I cleared that width property! AAAAAH You're the man! It would have taken me hours of hacking around to figure that out probably.

[Minsc]

Originally Posted by Dave Kaminski

Yeah PNG24 doesn't work on IE6 'eh?

Just with transparency, though. IE6 can still render a non-transparent PNG in any format fine. (it will also not render a transparent palette-based PNG, or a PNG with one shade of transparency)

Also there are scripts, etc, to get IE6 to be able to render a transparent PNG since it's capible of doing it, but doesn't, if you ever need to use one.