X-Cart forums

[DrQuietus]

the site i am working is displaying correctly in half the browsers I tested it on and incorrectly in the other half. generally when I run into a problem like this i use a css hack to resolve the issue for example:

#holder {
width: 150px;
height: 50px;
margin-top: 5px;
}

body > #holder {
margin-top: 2px;
}

This workaround hides the different margin from older versions of IE, and because of the different 'interpretations' of the box model, this and other hacks like it are easy fixes for cross browser compatitbility.

However in X-Cart they are not being read the same as they normally would. I just have to give one of my css boxes a different margin for firefox, and other browsers similar to it, without effecting older versions of IE, does anyone know a CSS based hack that would work in X-Cart? Thanks.

[inebriate]

may not be the best way, but i know it works since i use it at the moment (too busy trying to get other things corrected)...

in the customer/home.tpl file i have:

<link rel="stylesheet" href="{$SkinDir}/{#CSSFile#}">
<!--[if lt IE 7]>
<link rel="stylesheet" href="{$SkinDir}/style_ie.css">
<![endif]-->

i use 2 style sheets, one for the old IE browsers and the other for everything else
(i believe that you would have to put it in the order that i have above)

[laxmiddie68]

Hey did you ever figure out how to make that work?

I have a drop down all css menu that works in all IE browsers 5.5, 6, and normally 7 and firefox. It works fine in non litecommerce pages, but it gets messed up in the store pages only with IE 7. I tried {literal} tags in the template with no success.

[inebriate]

you can try using "if lte IE 7" in the conditional statement above

[laxmiddie68]

after messing around with the .tpl file I found it occurs when the smarty comments are inserted ...such as "<!-- [begin] -->" and "<!-- [/end] -->". But that is weird. The two don't seem to be connected and it is only IE 7. IE6 IE5.5 firefox are all good still.