I converted the site from tables to 100% CSS.
<!-- w --><a class="postlink" href="http://www.v-t-d.com">www.v-t-d.com</a><!-- w --> (<!-- m --><a class="postlink" href="http://www.v-t-d.com">http://www.v-t-d.com</a><!-- m -->)
I teseted the CSS using the W3C site and it only showed the warning messages.
THe site displays as it should in IE6. However, when I open it in Mozilla some borders are missing, and when I open it in FireFox the header background is not displayed and the menus are not where they belong.
Is there a CSS browser competability site where I can test my site.
and also how can I make it more compatible with the all the browsers.
The CSS styles are here:
layout (<!-- m --><a class="postlink" href="http://www.v-t-d.com/vtd_layout.css">http://www.v-t-d.com/vtd_layout.css</a><!-- m -->) presentation (<!-- m --><a class="postlink" href="http://www.v-t-d.com/vtd_presentation.css">http://www.v-t-d.com/vtd_presentation.css</a><!-- m -->) table (<!-- m --><a class="postlink" href="http://www.v-t-d.com/vtd_table.css">http://www.v-t-d.com/vtd_table.css</a><!-- m -->) form (<!-- m --><a class="postlink" href="http://www.v-t-d.com/vtd_form.css">http://www.v-t-d.com/vtd_form.css</a><!-- m -->)
ThanksMozilla is more fussy about valid documents (<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.v-t-d.com/home.html">http://validator.w3.org/check?verbose=1 ... /home.html</a><!-- m -->)
If you want to serve it up as xhtml, do it right (<!-- m --><a class="postlink" href="http://annevankesteren.nl/archives/2004/06/php-and-xhtml">http://annevankesteren.nl/archives/2004 ... -and-xhtml</a><!-- m -->)
<!-- w --><a class="postlink" href="http://www.v-t-d.com">www.v-t-d.com</a><!-- w --> (<!-- m --><a class="postlink" href="http://www.v-t-d.com">http://www.v-t-d.com</a><!-- m -->)
I teseted the CSS using the W3C site and it only showed the warning messages.
THe site displays as it should in IE6. However, when I open it in Mozilla some borders are missing, and when I open it in FireFox the header background is not displayed and the menus are not where they belong.
Is there a CSS browser competability site where I can test my site.
and also how can I make it more compatible with the all the browsers.
The CSS styles are here:
layout (<!-- m --><a class="postlink" href="http://www.v-t-d.com/vtd_layout.css">http://www.v-t-d.com/vtd_layout.css</a><!-- m -->) presentation (<!-- m --><a class="postlink" href="http://www.v-t-d.com/vtd_presentation.css">http://www.v-t-d.com/vtd_presentation.css</a><!-- m -->) table (<!-- m --><a class="postlink" href="http://www.v-t-d.com/vtd_table.css">http://www.v-t-d.com/vtd_table.css</a><!-- m -->) form (<!-- m --><a class="postlink" href="http://www.v-t-d.com/vtd_form.css">http://www.v-t-d.com/vtd_form.css</a><!-- m -->)
ThanksMozilla is more fussy about valid documents (<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.v-t-d.com/home.html">http://validator.w3.org/check?verbose=1 ... /home.html</a><!-- m -->)
If you want to serve it up as xhtml, do it right (<!-- m --><a class="postlink" href="http://annevankesteren.nl/archives/2004/06/php-and-xhtml">http://annevankesteren.nl/archives/2004 ... -and-xhtml</a><!-- m -->)