[The finished site can be viewed here: http://www.stephengreig.com/radfords.html]
Most of the feedback was positive but someone with a widescreen monitor (1600x900) pointed out that some text on the home page appeared in the wrong place; as can be seen below.
However I only needed to make a relatively small change to the CSS and the problem was fixed. I changed the positioning of this text to absolute so the text would appear in the correct place in all browsers/screen sizes. I used http://browsershots.org/ to test my edits. This site allows you to view a screen shot of a web page in any browser and at any screen resolution.
Also, I created a new style sheet for versions of IE that are 6.0 or lower. Firstly I used a 'conditional comment' which is an XHTML comment that is only registered by Internet Explorer. You can then specify certain versions of IE; you can see how it's done by looking at the conditional comment I used for my IE7 stylesheet:
The style sheet I used for IE6 involved setting all of the pages id's/classes to display:none. Then, back in the HTML, within the conditional comment tags I entered the text I wanted to be displayed. I then used the browser shots website again to test my site in IE6; the result can be seen below:
The message delivered is that their browser is out of date and links are provided for the user to update. I have chosen to do this as only a small percentage of Internet users now use IE6 and I feel it is our responsibility as Web Developers to keep the world up to date.
After the final touch ups I tested all of the pages with the W3C Validator to ensure all of the code was still valid. All pages still validated to 1.0 XHTML Strict.
