Hi I am modifiying a cs-cart theme which uses smarty template engine. I am able to move the shoping cart links to above the top menu and it shows Ok with IE8 firefox etc. Hovewer IE7 make an empty space. How could I make IE7 happy. I added the necessary style-sheets and tpl files. Main css files are style.css and stle.base.css.
IE8 no space
IE7 with space
IE7 doesn't render CSS well. Create a special CSS file for IE7 and include it in your HTML as follows:
<!--[if lte IE 7]>
<link href="ie7.css" rel="stylesheet" type="text/css">
<![endif]-->
In ie7.css, modify the margins, padding, etc. until the two versions appear identical.
The answer above is helpful, but in additional:
Add this in the <head></head> tags:
<!--[if lte IE 7]>
<link href="ie7.css" rel="stylesheet" type="text/css">
<![endif]-->
Inside the ie7.css you add the element to it, e.g.
.cart-thingy {
margin: -10px 0 0 0;
}
And so on.
This will certainly help as well: