CSS Test
These tests are a work in progress. For any suggestion, comment or addendum, please contact me.
What's more, these tests are not exhaustive. A browser can render correctly all these tests and then you can
stumble on some bugs that you didn't expect. View these pages with more than one browser (for example,
Internet Explorer-Firefox, Firefox-Opera etc.) and then compare the rendering. In these tests I'll try to check
the most common features requested in building layouts. As said before, these pages are not exhaustive since
I am not exhaustive. In some pages I use an external style sheet. To view the code, simply
point your browser to the URL contained in the link or style element, starting
from the root of my site. Thanks for viewing these pages.
Credits
Bruno, Gerard, Georg, Ian, Ingo, Mark and all CSS Discuss and Html.it members.
Markup notes
In almost all examples I use the following DOCTYPE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
When I have to test some feature in XHTML I use the following DTD:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
serving it as application/xhtml+xml. Otherwise, I use no DOCTYPE in order to force a browser in quirks mode.