Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- Tips to move away from table-based layouts?


MrSpeed - 3:27 pm on Jan 30, 2007 (gmt 0)


I work for a large corporation and we struggle with this issue as well. It's especially daunting in mastheads where slicing graphics into a table works so well. We have taken small steps to get to CSS layouts. I think we're almost ready on our next redesign. As SuzyUK mentioned tables aren't evil!

Where we found the biggest advantage to using CSS, besides fonts and colors was for navigation. Some of our earlier sites had text based navigation with DHTML menus. The original code used nested tables and our rendered page size was over 300K!

By using <ul> and <li> for the navigation we have slashed the rendered html size to well under 100K, not as good as I would like but a big improvement.

To get a handle on 3-column layouts learn how to "float" divs. It makes things so easy.

Google "css float tutorial". The first few results are great. Also check out the "Listutorial" on the first result.

We are slowly getting to the point where our "developers" can code the content and our "designers" edit the style independently.

Some of the developers are finally catching on to CSS. I plan to hold some training sessions (Just In Time Training) to show developers the basics of CSS.


Thread source:: http://www.webmasterworld.com/css/3237012.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com