X-Cart forums

[sadra.ho]

First time post!

Basically my website has two languages and the second is right to left which messes up the ie 7 and below so i found the problems to be #page-container2 and #centre in the css due to their floats and positioning. I fixed these but when the fixes are applied they dont work in new browsers.

After doing my research it became clear that i need to use conditional comments but for the life of me I cant get em working. Ive tried every hack and everything but main.css seems to have the last word when I put in the new css (I used main.IE6.css).

Cheers in advance for the help guys!

[ScrapOrchard]

Try putting the conditional css links after the main.css link?

[sadra.ho]

Ive already done that but its a no go!

[gb2world]

It is not entirely clear from your description how you are using conditionals for css. It looks like you have different kinds of conditions - the css that you want to run for various IE browser versions and the css you want to run when the site is in your second language.

For the IE version differences - you should be able to use the main.IE6.css and main.IE7.css and the built in IF conditions in X-Cart 4.2.2. On IE7, you can use the IE Developer toolbar to help you debug the css, so you can see exactly what is getting set.

For the css based on the language - it seems that you would need to use smarty if statements, and then add either inline css or css to your header after all the other css is loaded. Something like:

<style type="text/css">
{if $whatever_your_language_variable_is eq "language2"}
<!--
{literal}
#page-container2 { .. your css }
{/literal}
-->
{/if}
</style>

or:
{if $whatever_your_language_variable_is eq "language2"}
<link rel="stylesheet" type="text/css" href="/skin1/my-second-langauge.css" />
{/if}

You should be able to use combination of the smarty If statements and the IE7/IE6 if statements to css to support your browser/language combinations.

---

[sadra.ho]

Guys thanks a lot for your replies.

As it turns out the problem wasnt with the ie conditional comments but with bad design. To debug this I put a border round everything and worked out what the problem was. I found a way to remove content-container2 and moved the left and right bar into the #center to make it easier to manage. Somehow the redundant container was overridding the statements and only obeying main.css so doing this fixed the issue.

Very weird bug but after spending a hellish week with it im glad its fixed !