CSS for IE7

[stood]

Hello
I have to optimize the shop for IE7. I downloaded a plugin from
http://www.zen-cart.com/index.php?ma...roducts_id=493
Everything works just great for the main css (called ie7_stylesheet.css) but it doesn't make any change to the main page. I've got loads of stuff that I added by typing in html code in "define pages editor", so when I have the css direcly in the code, it works fine for IE7, but doesn't work for any other browser (by that I mean, that it totally ruins the layout). I have separete css for the main page for any other browser, so I decided to try doing the same as in case of the overall one- name it as ie7_index_home.css, but it doesn't work at all. Can anyone suggest how to solve the problem?
PS, I use Zen Cart v1.3.9f.
PS2. I don't like IE7

[Muzz]

a couple things..

Your web address.

Check the MOD:

Internet Explorer Stylesheet and Javascript Over-rides

doc files to ensure you have installed correctly.

Are the changes you making in your ie css file saving?

Have you cleared your cookies and cache files when making changes?

[stood]

The adress is www.e-stoodzin.pl
It would be hard to install the mod incorrectly because it is only about overriding the html_header.php file What I noticed is that only some of the changes I made to the css files are being processed at the page itself- for example font colors, except on the main page.

The cache and cookies were deleted before the changes.

I am rather sure, that the index page css file is named incorrectly, but I have no idea what should be the right name of it.

BTW, there is also a huge white space to the right from the actual content of the page. Any idea how to get rid of it?

Thanks for the reply :)

[Muzz]

Looks like you sorted it out.

Everything looks ok to me.

not sure if you use firefox and the web developers add on you can download for it.

Very useful. Using the tools you can select an area of the page and see what code relates to your selection. It will provide a full file path as well to which css file is loading.

[stood]

Hi,
It looks fine in FF, Chrome, Safari and Opera. IE8 doesn't have css problems as well, only IE7 is wrong :)
Actually I only removed the horizontal scroll bar, the white space is still there. It is noticable when you use navigation to move to another sub page- there is a little bump, which annoys the pretty much
I use both firebug and the same tool for Chrome, and none of them recognizes that area I want to remove. Changing width of the page didn't help so far.

[stevesh]

It looks like you have the left sidebox column width set to a larger width than the sideboxes themselves. That might be pushing things to the right to where the right centerbox wraps in IE7.

[stood]

Thanks Stevesh, you were right
I didn't even think of it. It solved the problem of width of the left column, but the css for the rest of the main page still doesn't work
I guess that changing width od the boxes should actually fix the problem, but I'm unable to do it.

[gjh42]

You have used a huge negative margin to get your categories heading positioned; maybe this is not sitting well with IE7.

stylesheet.css (line 900)
h3.leftBoxHeading, h3.leftBoxHeading a {
color:#FFFFFF;
font-size:1em;
margin-left:-100px;
}

Change to

h3.leftBoxHeading, h3.leftBoxHeading a {
color:#FFFFFF;
font-size:1em;
padding-left:23px;
text-align:left;
}

[stood]

Ok, so I made this changes and they made quite a big difference, so thank you guys but still not everything works right. I got rid of the white space mentioned previously- it was caused but a wrong decision while writing the css code again. Unfortunately, it doesn't fix the problem in IE7- the menu just goes very far to the left. But still, the progress made makes me a little less miserable

[stood]

OK, I made quite a lot of changes in the css code and now everything works fine. I found a way to get rid of separate stylesheets so now ie7 works much better, but still not perfect though.
Thanks for help :)