By lacitpo on

I've been making my very first theme using Foundation as my starter so I'm a bit new at CSS.

Wondered if someone out there could take a look at http://new.saintandy.org and tell my why the background is not showing up properly on my main news feed section on the main page when views using Internet Explorer. IE 6 hates my page, but IE 7 doesn't seem to want to allow my background to continue past a certain point and I am stumped as to why?

⋅ Categories: Drupal 6.x

Comments

flamenco’s picture

flamenco commented

Not bad for a first try!

"Hate" is a vague word in this context. (I actually use it very precisely to describe my feelings about IE). Do you mean the fact that IE6 pushes all your sidebar content down? That's likely because of IE6 being stupid enough to add a few extra pixels of padding, as well as other box-model-related problems. I would try playing with right-sidebar width and padding, and it may pop up to where you want it. You've cleared your footer, so that's OK.

Also - why is your nice transparent PNG not showing corners right in IE6? Because stupid IE6 does not display PNG transparency. There are ways around this, such as a Javascript hack. Google "IE6 javascript transparency hack" for details. At the risk of sounding ungodly, welcome to IE hell.

IE7, by contrast, looks pretty good. Not sure what you mean - it looks pretty good. If you want the whole background image to show all the way down to its bottom curves, you'll need to have your DIV height be 2000px, matching the PNG height, and I don't know if you really want to do that. If you want to have a curvy background that will autoexpand on a DIV, there are ways to do it, I do it often, but it's a fair bit of work, too long a topic for here.

Cheers, Dave