Hi - I have a site which i have nearly completed. It works fine until i validate it either as HTML, or XHTML.<br />
The problem being that validated page will not display all of my CSS correctly. <br />
Any ideas?<br />
<br />
The site can be found at <br />
<!-- m --><a class="postlink" href="http://www.radar-id.com/site/">http://www.radar-id.com/site/</a><!-- m --><br />
and the validated page is <br />
<!-- m --><a class="postlink" href="http://www.radar-id.com/site/validate.html">http://www.radar-id.com/site/validate.html</a><!-- m --><br />
<br />
The CSS code is at<br />
<!-- m --><a class="postlink" href="http://www.radar-id.com/site/radar.css">http://www.radar-id.com/site/radar.css</a><!-- m --><br />
<br />
Thanks in advance<!--content-->Try validating you CSS, too. In your body selector, you have background color: when you should have background-color:<!--content-->somehow missed that vital step, cheers. Will let you know how i go.<!--content-->Sure thing...
<!--content-->That seems to have fixed the problems. It seems that the CSS i have used for the scroll bar properties don't exist...will see what is valid now.<br />
Thanks for the help.<!--content-->Correct, the scrollbar crap is IE proprietary code, and can't be found in either the CSS1 or CSS2 specs.<!--content-->Once validated the page doesnt seem to listen to my overflow: hidden command either, which is pretty important for this page layout (using text as a background feature) So what is best to do, have the page looking the way you want it, or having it validated?<!--content-->You can generally do both... What exactly seems to be the problem?<!--content-->Not a great problem really, but when i validate the page the following CSS no longer works; <br />
<br />
The scroll bar has no style - but if this isnt valid CSS i can live without it but what i would like the page to do is listen to the overflow: hidden style which is applied to the background text.<!--content-->Want a tip? Use a background image, instead of text like that. A couple of reasons:<br />
<br />
1: The background doesn't show up in Mozilla. (Due to the -1 z-index)<br />
<br />
2: Not sure about this one, but the google bot might take that must repetative text as an attempt to spam the bot... Just a guess, but I wouldn't risk it until I looked into it.<!--content-->yeah, i have been thinking that. have just been playing around with overlapping text, but think you might be right
<!--content-->
The problem being that validated page will not display all of my CSS correctly. <br />
Any ideas?<br />
<br />
The site can be found at <br />
<!-- m --><a class="postlink" href="http://www.radar-id.com/site/">http://www.radar-id.com/site/</a><!-- m --><br />
and the validated page is <br />
<!-- m --><a class="postlink" href="http://www.radar-id.com/site/validate.html">http://www.radar-id.com/site/validate.html</a><!-- m --><br />
<br />
The CSS code is at<br />
<!-- m --><a class="postlink" href="http://www.radar-id.com/site/radar.css">http://www.radar-id.com/site/radar.css</a><!-- m --><br />
<br />
Thanks in advance<!--content-->Try validating you CSS, too. In your body selector, you have background color: when you should have background-color:<!--content-->somehow missed that vital step, cheers. Will let you know how i go.<!--content-->Sure thing...
<!--content-->That seems to have fixed the problems. It seems that the CSS i have used for the scroll bar properties don't exist...will see what is valid now.<br />Thanks for the help.<!--content-->Correct, the scrollbar crap is IE proprietary code, and can't be found in either the CSS1 or CSS2 specs.<!--content-->Once validated the page doesnt seem to listen to my overflow: hidden command either, which is pretty important for this page layout (using text as a background feature) So what is best to do, have the page looking the way you want it, or having it validated?<!--content-->You can generally do both... What exactly seems to be the problem?<!--content-->Not a great problem really, but when i validate the page the following CSS no longer works; <br />
<br />
The scroll bar has no style - but if this isnt valid CSS i can live without it but what i would like the page to do is listen to the overflow: hidden style which is applied to the background text.<!--content-->Want a tip? Use a background image, instead of text like that. A couple of reasons:<br />
<br />
1: The background doesn't show up in Mozilla. (Due to the -1 z-index)<br />
<br />
2: Not sure about this one, but the google bot might take that must repetative text as an attempt to spam the bot... Just a guess, but I wouldn't risk it until I looked into it.<!--content-->yeah, i have been thinking that. have just been playing around with overlapping text, but think you might be right
<!--content-->