In the battle of tableless CSS vs tables, I was having some issues with cross browser compatibility. I found CSS Frameworks. Blueprint is actually a great one that I am currently using, but there are others.
CSS Frameworks are now making their way into the hearts of web designers. I know how we all disapprove of using tables for multi-column web page layouts. Some web designers still use tables because CSS flops in some browsers. Most web designers still do not know the difference between fluid CSS and fixed CSS.
I recently discovered CSS frameworks and found that they do make CSS easier to use. Actually, the CSS layout is already done for you. You simply add the classes to DIVs, like you would your own. I checked out Blueprint CSS framework. It works on a grid system. Has anyone tried this or a similar CSS framework yet? Blueprint is cool, because they offer a grid section of 24 columns. You simply add classes called span-#, where # is the number of the column. You simply specify what column you want that DIV to be in and it moves it to that column. Each column in the grid is 30 pixels wide with 10 pixel margins. You can always override that if you need to. Now, how good is this system?
I applied it to a few client web sites and it worked really well. The cool thing is that it took 45 minutes to redo the entire CSS using Blueprint. I know about 960GS, but have not used it. Has anyone had luck with it?
Tags: CSS Frameworks, CSS Layout, tableless CSS