styles_ie.css Problems

General General Questions
1

In Firefox our site looks fantastic, but when we look in IE8 our tabs buttons at the top are stacked on top of each other. We have re-edited styles_ie.css, but nothing we do effects the layout.



Is there a easy way of editing styles_ie.css??



Thanks,

Gobbo!!!

2

[quote name=‘Gobbo’]In Firefox our site looks fantastic, but when we look in IE8 our tabs buttons at the top are stacked on top of each other. We have re-edited styles_ie.css, but nothing we do effects the layout.



Is there a easy way of editing styles_ie.css??



Thanks,

Gobbo!!![/QUOTE]



I believe that the “styles_ie.css” is only valid for IE 7 and below. I think the init.php file loads the css files and will show the conditions for when the ie css is loaded. I’m not currently on a machine with access to my CS Cart server so I can’t double check this info, sorry.

3

Ok,but on which line do I edit the ‘init’ file??

4

[quote name=‘Gobbo’]Ok,but on which line do I edit the ‘init’ file??[/quote]

If you want to edit the style then you have to do it in the .css file not in the php file.



The IE css file will be called through the [quote]/customer/common_templates/styles.tpl[/quote] file, not through the init.php file.

5

Indy,



Ok, I’m now more confused.



So I have to edit the styles_ie.css file, so what line do I have to edit to stop my tab buttons from stacking on top of each other??



Kind Regards,

Gobbo!!

6

[quote name=‘Gobbo’]Indy,



Ok, I’m now more confused.



So I have to edit the styles_ie.css file, so what line do I have to edit to stop my tab buttons from stacking on top of each other??



Kind Regards,

Gobbo!![/quote]

No URL - No help. Anyway try to add a “width” to the style of the top menu.

7

I mean, if you want I reply to your PM’s then you have to switch it on as well.



Find this style:



/skins/aquarelle_red/customer/styles_ie.css



and this line:


#top_menu ul
{
z-index: 1;
position: relative;
}and change it to:


#top_menu ul
{
z-index: 1;
position: relative;
width: 600px !important;
margin: 0;
padding: 0;
}

8

Ok, I see what you mean. It worked, but why did it not have a width comment in the first place??



By the way what do I have to switch on?



Thanks again,

Gobbo!!

9

[QUOTE]Ok, I see what you mean. It worked, but why did it not have a width comment in the first place??[/QUOTE]

It’s just poor coded skin (css).




[quote name=‘Gobbo’]By the way what do I have to switch on?[/quote]

Receiving of PM messages in your profile (on this forum) :cool:

10

Done and Done.



Thanks,

Gobbo!!!