| ||||||||||
![]() |
Shopping cart software Solutions for online shops and malls | |||||||||
![]() |
![]() |
|
X-Cart Home | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
4.2 Detailed Images IE Modification Question | |||
![]() |
|
|
Thread Tools | Search this Thread |
#1
|
|||||||
|
|||||||
![]() 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 ![]()
__________________
X-Cart 4.5.4 Gold (Live Business Site) X-Cart 5.1.9 Business (In Development Now) |
|||||||
#2
|
|||||||
|
|||||||
![]() Slightly more info...
main.css has this on line 3174 Code:
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?
__________________
X-Cart 4.5.4 Gold (Live Business Site) X-Cart 5.1.9 Business (In Development Now) |
|||||||
#3
|
|||||||
|
|||||||
![]() 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.
__________________
Padraic Ryan Ryan Design Studio Professional E-Commerce Development |
|||||||
#4
|
|||||||
|
|||||||
![]() 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) ![]()
__________________
X-Cart 4.5.4 Gold (Live Business Site) X-Cart 5.1.9 Business (In Development Now) |
|||||||
#5
|
|||||||
|
|||||||
![]() 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.
__________________
X-Cart 4.5.4 Gold (Live Business Site) X-Cart 5.1.9 Business (In Development Now) |
|||||||
#6
|
|||||||
|
|||||||
![]() 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.
__________________
Padraic Ryan Ryan Design Studio Professional E-Commerce Development |
|||||||
#7
|
|||||||
|
|||||||
![]() Thanks Ryan, I think we will just live with it, its pretty good
![]()
__________________
X-Cart 4.5.4 Gold (Live Business Site) X-Cart 5.1.9 Business (In Development Now) |
|||||||
|
|||
X-Cart forums © 2001-2020
|