Every so often, CSS gets to me.
I love the simplicity and structure of it all, but it can take some time to make sure all things render well and most of all look great in ALL browsers, Internet Explorer, FireFox, Opera, etc.
Most recent episode included working on a site that took months to put together. Everything was in place, data, content, links, sitemap. When it came time to review with client, the following came up
"It just does not look great!"
What browser? IE6
There is the answer.
In the past, I found that simply taking out the CSS comments helped, but it could be more.
Here are some tools that are helping me resolve a few CSS issues:
Experiment with your CSS files live on both browsers. This will show the page live in both browsers, but best of all, you get to edit live and see the results right away.
CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously.
CSS Validation
Run your site through the online CSS Validation Services. Right away one can see what fails and what warnings your CSS code gives.
IE6 does not run in Vista
Consumers are purchasing new computers with Vista operating systems, not Windows XP or Win 95.
For the developers working with computers stuck in the past, here is a great utility to
Visit http://www.my-debugbar.com/wiki/IETester/HomePage
Final tip: upgrade your browser
You will enjoy better safety, performance and browsing experience online!
Here are some related CSS tips and posts
http://christopher-scott.org/blog/10-css-tips-you-might-not-have-known-about
http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/
http://snook.ca/archives/html_and_css/top_css_tips/
Read before you code!
