asked on

Small but in IE7 website display. Fine in FF, IE8, Chrome

Hello,

I have a small bug which I could use some help fixing as I cannot seem to locate the issue.

http://preownedweddingdresses.ca

FF - Fine
Chrome - Fine
IE8 - Fine

You can use IE8 in compatiblity mode to see the bug. I guess it has to do with this DIV tag.

<div id="container-header">

Would make my night if someone can help me!

SOLUTION

SleepinDevil

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

UltraFlux

ASKER

Well its not just in compatiblity mode.

It also breaks in IE7 as I tested in on browsershots.org...

You are right about the css jungle!

As for the IE7 issue what I don't understand is

a) works perfectly fine in IE8, FF, Chrome

b) In IE7 it seem to be positioning the background slightly higher than everything else, yet I find no reason for this to happen.

Which brings me here, toi many people still use IE7 :\

ASKER CERTIFIED SOLUTION

UltraFlux

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SleepinDevil

Nice fix. I guess IE7 doesnt support the "clear" CSS property well enough.

I was thinking about your problem before. My fix was to change the "http://preownedweddingdresses.ca/wp-content/themes/classipress/images/header.png" so the blue area which appears in "http://preownedweddingdresses.ca/wp-content/themes/classipress/styles/default/topbarbg.jpg" already is no longer there. This because the page still looks messed up in IE6, which is installed on my other PC. Your fix is great though!!

UltraFlux

ASKER

umm can you post a screenshot in IE6 please

SOLUTION

SleepinDevil

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SleepinDevil

So yea because of the background image "http://preownedweddingdresses.ca/wp-content/themes/classipress/images/header.png" already having the blue bar which is "http://preownedweddingdresses.ca/wp-content/themes/classipress/styles/default/topbarbg.jpg" there looks like theres two random bars on the page which look the same. :S :S also not to mention the DIV positions coming up completely wrong on IE6. IE has always been the pinnacle of perfection (sarcasm)

UltraFlux

ASKER

I was thinking about your problem before. My fix was to change the "http://preownedweddingdresses.ca/wp-content/themes/classipress/images/header.png" so the blue area which appears in "http://preownedweddingdresses.ca/wp-content/themes/classipress/styles/default/topbarbg.jpg" already is no longer there. This because the page still looks messed up in IE6, which is installed on my other PC. Your fix is great though!!

I dont see how making this change would alter how IE6 looks messed up.
I have considered using
http://code.google.com/p/ie6-upgrade-notification-bar/

Stats say 15% - 18% use IE6 (hard to believe!)

UltraFlux

ASKER

grrrr IE6

SleepinDevil

Lol I was abit upset when I saw the site on IE6 too. Hmmm yes that little script to show that notification on IE6 looks good. I think you should add it.

And oh yea my bgimage fix was just pointless really... I was looking into the background images you used and I noticed the bit that overlaps.

UltraFlux

ASKER

I guess my stats are not exactly right.

Overall its about 48% IE

Then it breaks down into

IE8 - 52%
IE7 - 32%
IE6 - 15%

So its only actually 15% of the IE grouping not 15% of all browsers. So I guess its more like 5% - 10% in total from IE6

UltraFlux

ASKER

Yep, installing the google script!

Thanks for the help!

SleepinDevil

No worries! But you were the one who found all the things you changed yourself lol. Happy scripting!