4.2 Detailed Images IE Modification Question
 

Hello again everyone, sorry I always need so much help :)

LINK REMOVED BECAUSE SOME JERK FROM HERE JUST TRIED BREAKING INTO MY CURRENT LIVE STORE, I KNEW BETTER THAN TO POST LINKS!!

If you view that in Firefox, you will see I removed all the margin and padding from the detailed image thumbnails. But if you open it in IE, you will see there is some sort of padding showing up between the two horizontal rows of pictures.

Please ignore the mess that is the rest of the product description!!! I haven't fixed that yet because I needed to finish this image stuff first.

Can anyone point me to the cause of that?

I can't find anything IE specific in popup_image.tpl or main.css so far that is the cause :(

Re: 4.2 Detailed Images IE Modification Question
 

Slightly more info...

main.css has this on line 3174

And it seems that IE uses the top padding (not sure about the bottom) inbetween the images as well, why? How do I stop that from happening? Plus it seems to be moving it another pixel or two more than those 10...

EDIT: only affects the top padding... I suppose I could not use the top padding and instead pad the bottom of the big product image, right?

Re: 4.2 Detailed Images IE Modification Question
 

Make sure you look at the IE specific stylesheets as well - main.ie6.css and main.ie7.css, as well as main-popup.ie6.css

You'll quickly understand why developers HATE IE, it follows standards loosely if not at all, and you have to work around the crappy way it handles margins and padding.

Re: 4.2 Detailed Images IE Modification Question
 

Thanks for reminding me about those... I just checked out both the IE6 and IE7 files and none of them have anything about the detailed images stuff...

Is there something I can add there to fix this?

Yeah, IE is a bit more work, but I don't hate it (yet) :)

Re: 4.2 Detailed Images IE Modification Question
 

Ok, I changed padding-top to margin-top and that solved the issue. so then I changed padding-bottom to just padding and set it specifically to 0. Now IE is only off by 1 pixel, I might just live with it.

Re: 4.2 Detailed Images IE Modification Question
 

Search for '1px IE' on Google and you'll see a million posts - most people just live with the difference rather than to try and fix it.

Re: 4.2 Detailed Images IE Modification Question
 

Thanks Ryan, I think we will just live with it, its pretty good :)