Excessive Padding in IE only

[jacdesigner]

I have tried searching for a similar issue in the forums, to know success.
I believe this is related to the way that Internet Explorer applies padding and other css styles.

The site looks great in Firefox, Opera, and Safari. But in IE (tried 6 and 7), it has a lot more padding around the center content and around the top navMain links. This is mostly problematic because it is making the center content (like product info) much too narrow.

Does anyone have experience with this issue and know how to resolve it? Should I be using an alternate style in my css for centerBoxWrapper perhaps?

The site is: http://www.5thavenueresale.com/index.php?

Running ZenCart 1.3.7

[kobra]

That is exactly the issue - the way it is applied - I would look to the downloads area and grab the IE stylesheet contribution and read about how to use it for IE only

[jacdesigner]

That is exactly the issue - the way it is applied - I would look to the downloads area and grab the IE stylesheet contribution and read about how to use it for IE only

Thank you, Kobra,
I will check that contribution out.

[Nimbuz]

A sperate stylesheet for just a few classes and a minor padding issue? Noway!

Just use IE hacks!

[Nimbuz]

Ah! You're using an em-based layout, specify padding in pixel and it should be fine.

If that doesn't work, there's still another workaround. Lemme know how it goes.

[jacdesigner]

Thanks for the tip. I did change the stylesheet padding to use pixel values rather than ems, and that does seem to make an impact. However, I have noticed something that works differently with this style:

#contentMainWrapper {
padding: 0 35px 0 35px;
}


If I want sufficient padding from the far left and right edges of the page (to allow my grungy background edges to show around the side boxes), it looks fine in Firefox (as usual).....BUT IN IE (Internet Explorer)....it adds the same padding to the edges around the middle content....so there are excessive spaces between my sideboxes and centercolumn. This padding is NOT being added to the center with Firefox and Opera.

Should I look for a certain style, maybe a centercontent style somewhere, to add a specific padding value to? Thoughts?

Ah! You're using an em-based layout, specify padding in pixel and it should be fine.

If that doesn't work, there's still another workaround. Lemme know how it goes.

[Nimbuz]

.categoryListBoxContents still uses percentage (33%), so lets convert it to pixels too. Add this to your stylesheet.

#indexCategories {
width:520px;
}
.categoryListBoxContents {
width:173px !important;
}

Should work.

[jacdesigner]

Nimbuz,

I tried the above, and no cigar. I am going to try a couple other ideas and I will let you know if there is any change.