Re: Building a Site completely with CSS
I've been building pure CSS sites for years, the sites in my signature are built that way.
The biggest problem is getting the site to work the same across all browsers especially IE6 which has more issues than you can imagine and according to my stats is still the most popular browser.
My advice:
1. Try to avoid CSS hacks even if avoiding them causes you to add an extra div to make the layout work on IE6. I've seen too many sites break in IE7 because of hacks to fix IE6.
2. Don't try and build the page the same way as you would with tables.
3. Try to use 1 style sheet for all browsers, but if you have to tweak the CSS for IE6 then use a conditional to include an IE6 variant to adjust just the problem classes in the base style sheet.
4. Start with something simple and don't be surprised when it works in IE but not any other browser or works in every browser but IE. Then ask questions in forums such as these.
5. Build the page in Firefox with continual checking in both IE6 & IE7. The reason is the fixes to make IE6 work are documented around the net and IE7 doesn't always work the same as IE6.
6. Avoid absolute positioning. Others do use it but I've found avoiding it makes my life easier.
Others may disagree with some of these points but they work for me.
|