Display of centerColumn in IE

[cjeb456]

Hi

Very annoying issue, but not sure where to start looking to rectify it, hoping someone knows an easy way to fix this!

The website in question is http://www.mydreamweddingdress.co.uk/index.php

(You need the index.php as it is not live yet so not the home page)

If you view the site in FireFox and click on the Category Wedding dresses you will see the page that displays the sub-categories - "In Stock" and "To Order"
See how these links fit in the black center column fine?

OK now view the site in Internet Explorer - the links are below the black background and show on the main grey background of the site.

This is the case for most of the pages, shopping cart and all.

Is there some code I could add to ensure that everything in the center column is always displayed with the black background?

Many thanks in advance

[kuroi]

That's an IE hasLayout issue. Since you're using a fixed width template, adding the following to your stylesheet should cure it.

.centerColumn {width:410px}

[cjeb456]

Perfect, many thanks for your help.

Could I also ask about another difference in the 2 browsers to see if you also know a fix for this?

If you click Log In, then start filling in the fields to create a new account, in Firefox when you focus on a field I have it set in the stylesheet for the field background to turn Red
This focus colour does not appear in IE?

Thanks again, very much appreciated!

[kuroi]

Internet Explorer doesn't support :focus.

You have two possible options:

1. Add the styles with javascript
2. try using :active as well

I'm pretty sure the first would work with jQuery. The second is something I've heard suggested as a workaround but not tried personally.

[cjeb456]

Thanks again kuroi

A quick test of :active did not work so looks like its the javascript route for me.

Going back to the original question of the black background - if you view a product in a category, my issue is the the buttons at the bottom... add to cart, tell a friend etc do not have a black background, but I cannot see that these are loaded under a different class so not sure where to add a background to this. The fix for the rest of the black background worked perfect though on all pages so thank you.