Hi there,

 

was wondering if anyone might be able to help, I've been working on this the last couple of hours and can't seem to solve the problem.....

 

I have created a stylesheet for ie6 which when I test on an old small laptop with IE6 and html files (simply created by viewing source of live site) it all seems to work and the layout is correct.

 

However, as soon as I use the ie6 stylesheet with live site it doesn't seem to work.

I have used the style link within header.html folders which php files get.

 

Any ideas as to where it might be going wrong.

 

Thanks in advance

 

Here's the site if if helps My link

Probably cached, try lots of refreshes and emptying your cache.

Also, you should really add the media type to your <link> tags:

 

<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6style.css" media="screen" />
<![endif]-->

Thanks for the quick response Andy, but unfortunately hasn't done the trick. Cleared caches etc and also tested in adobe browser labs, no joy.

 

I've added the media type too as suggested.

 

Could it be something wrong with the css?

 

hmm..any other ideas welcome!

There are three important errors in ie6style.css from this CSS validator

http://jigsaw.w3.org/css-validator/

#menu li span a{
width:90px;
padding-right:20px;
background-color:#88898c;
color:#ffffff;
pointer-events:none;/*Property pointer-events doesn't exist : none  none*/
margin-bottom:18px;}

h3.natural{
color:#828c5e;
font-size:#14pt; /*should be font-size: 14pt; */
padding-bottom:10px;
padding-top:0px;
}

.entry-content a:hover:
text-decoration:underline;
} 
/*should be 
.entry-content a:hover {
text-decoration:underline;
}*/

 

The last error of the missing { would stop IE processing beyond that style, but since it's near the bottom I'd be surprised if it stops the whole stylesheet.

 

You don't need to repeat all the styles from the main stylesheet if tey are the same for IE6, just show the ones that are different.

 

Apart from that, it should work in IE6.

There are three important errors in ie6style.css from this CSS validator

http://jigsaw.w3.org/css-validator/

#menu li span a{
width:90px;
padding-right:20px;
background-color:#88898c;
color:#ffffff;
pointer-events:none;/*Property pointer-events doesn't exist : none  none*/
margin-bottom:18px;}

h3.natural{
color:#828c5e;
font-size:#14pt; /*should be font-size: 14pt; */
padding-bottom:10px;
padding-top:0px;
}

.entry-content a:hover:
text-decoration:underline;
} 
/*should be 
.entry-content a:hover {
text-decoration:underline;
}*/

 

The last error of the missing { would stop IE processing beyond that style, but since it's near the bottom I'd be surprised if it stops the whole stylesheet.

 

You don't need to repeat all the styles from the main stylesheet if tey are the same for IE6, just show the ones that are different.

 

Apart from that, it should work in IE6.

 

Thanks everso Wickham, helpful advice, esp not needing to repeat all the styles.

 

Actually found css needing changing a little and got it working now. Thank you