http://www.canadascrubs.com/catalog/when I look at my product in ie, everything is fine:
but when i look at it in firefox, it is a mess, any suggestions on how to fix this?
http://www.canadascrubs.com/catalog/when I look at my product in ie, everything is fine:
but when i look at it in firefox, it is a mess, any suggestions on how to fix this?
You're having a float blowout problem.
I'm trying to remember the fix, but my brain has sawdust in it from working on birdhouses all morning.
google css float blowout while I find some tisue and blow my brain. haha
I got the answer in another forum in their CSS section. It worked for me and hopefully it will work for you too! In your stylesheet:
Look for this code:
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
}
Change this part only:
padding: 1.8em;
Then look for:
.leftBoxContainer, .rightBoxContainer {
margin: 1.5em;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #990099;
}
Change this part only:
margin: 1.5em 0;
If it doesn't work you can always change it back to whatever you had before or play around with the numbers!
It seems apparent that your chart table and color swathes are just too large for the current layout boundaries. You may want to adjust your layout size from the measly 750px to at least 850px. That may allow enough room to breathe easy.
FYI, the current layout for the blue scrubs page is also busted in IE7.. time for an upgrade.
It's still broken. Even in Firefox, I could see the bumping on the right column. Inserting tables into the descriptions, sometimes requires more space allocation. Therefore, I've reviewed your stylesheet more..
I see you have done some custom coding to the current stylesheet. If you really want to keep the layout size situated at 750px, then you should alter your custom values for the center column.
Find in your current template's stylesheet:
I believe the "stock" value for the above in red, is only 0.8em. Firstly, you should revert the 1.8em to 0.8em. If it's close, but not perfect.. you can even try lower the 0.8em due to not using banners on your site and not have to worry about their placements. I'd personally just try the original value, that may just set things straight.Code:.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix { padding: 1.8em; }
I upgrade to IE7 and I changed it to .5, that did the trick !
Thank You very much !!!!!
You're very welcome, I'm glad to have helped.
Bookmarks