[SOLVED] Internet Explorer 9 Display Problems

[Sarak]

Hi!

 

My shop is up and running and I'm adding stock everyday. I've recently tested it and everything works great in Firefox and Chrome but in Internet Explorer 9, the product titles and images seem to be slightly off.

 

Is there a way to fix that without having reset things that will make it look different in Firefox/Chrome?

 

My site is www.dilevafashion.com so you can see for yourself.

 

Only IE that's giving me problems as far as I can tell.

 

Thanks!

[Mike Kranzler]

Hi Sarak,

The only difference I'm seeing between IE and Chrome is how the "New" banner is displayed. Are there any other specific issues you see on your end?

 

-Mike

[Sarak]

Hi Mike,

 

Yes, if I click the "Clothing" link on the top navigation, a few products in the grids are not aligned correctly and some of the product titles are out pf place. A shot of what my IE9 is showing me is here - http://imageshack.us/f/12/screenshopie.png/

 

Thank you,

S

[Mike Kranzler]

Hi Sarak,

Can you please try the suggestions posted here and let me know if any of those resolve your issue?

 

-Mike

[Sarak]

Hi Mike,

 

Sorry to be a pain but none of the suggestions worked for me I'm afraid.

 

S

[Mike Kranzler]

Have you tried contacting the developer of your theme yet?

 

-Mike

[Sarak]

No, that's my next step.

I'll email them and report back

[Dh42]

You might want to mention to them that ie 8 is messing up too. http://i.imgur.com/jlBI2.jpg

[Dh42]

Here are a few things that might help after looking over the site.

In the products-list.css file, there is no text transform to rotate the new banner for ie. So on or around line 40 you would need to add

-ms-transform: rotate(45deg); /* IE 9 */

 

Also, more than likely the reason your dress names are bleeding to the side in ie is because your center box in your product loop needs a width. Around line 24 look for this

#product_list li .center_block {
float: left;
padding: 0 7px;
}

and change it to this

#product_list li .center_block {
float: left;
padding: 0 7px;
width:213px
}

 

those should get you on the road to see what else breaks and they should not change the ff or chrome rendering.

[Sarak]

DesignHaus42,

 

Thank you so much! That seems to have fixed the problem completely, as far as I can see. However, I cannot check on IE7 or 8 but it's definitely fixed 9.

 

I really appreciate it!

 

Sara

[Mike Kranzler]

Thanks DesignHaus! I'll go ahead and mark this thread as solved. Happy selling!

 

-Mike

[Sarak]

Hey DesignHaus,

 

Sorry to bring this up again but the problem you described in IE8 is still happening and I cannot figure out how to fix it :/

[Sarak]

Never mind, it's fixed. Weird.

[jmaybes]

Can someone check why IE9 is giving me problems. Ive tried it all and keep seem to find the problem. Displays fine in IE8, chrome, and firefox, thanks

 

http://74.117.145.98/~tooters/