By lacitpo on

I'm having a minor freak out about the site I've been developing for my parents church.

http://new.saintandy.org

I've been doing all my development work on my mac (firefox), and double checking things in Safari. I neglected to think IE would handle my site so different but today, showcasing it to a friend, I found myself in near tears.

I know there isn't a quick fix, but I'm having trouble figuring out where to go from here.

Anyone got any suggestions on where to start? I'm very new to CSS. This is my first custom theme I've done and I've taught myself most of everything I've done with the site and I'm honestly depressed at how poorly IE handles all the hard work I've put into this thing.

⋅ Categories: Drupal 6.x

Comments

lacitpo’s picture

lacitpo commented

So I found this site

http://browsershots.org/http://new.saintandy.org/

In my searchings. Looks like IE 6 is having most of the issues. Much less concerned now.

Does anyone know why I'm getting the large white spaces?

sunset_bill’s picture

sunset_bill commented

Many designers have felt the same pain of seeing a beautiful design go completely shite on IE6. The good news is that IE6 usage is declining. ;^) There are lots of articles out there from developers and designers on dealing with how IE6 mishandles CSS, especially 'float' and 'position', so I'd recommend searching on that. The fix isn't that hard, but it is a pain in the rear.

good luck,
Bill

Hueij’s picture

Hueij commented

We have all been there :(

Here is a list of specific IE6 bugs: http://www.positioniseverything.net/explorer.html so you know what you are dealing with and how to deal with them.

A simple way to "correct" those bugs is to feed IE it's own special style rules using conditional statements, http://www.quirksmode.org/css/condcom.html Just import a IE specific stylesheet with those rules with them.

Hope this helps.

www.opstijgendenevel.nl