On MovieTome: See the newest WATCHMEN trailer!

Is CSS ready for prime time?

Tags: Baseline Inc.

  • Save
  • Print
  • Recommend
  • 1

Takeaway: The focus on designing Web sites using CSS rather than tables for layout is increasing. This trend could be a sign that CSS has finally been accepted by mainstream Web developers.


ESPN recently announced that it has redesigned its Web site with a heavy emphasis on open standards, most notably cascading style sheets (CSS). This could be a boon for the standards community. The main focus of the site redesign was the replacement of HTML tables with CSS. Tables have been the mainstay of Web development since the inception of the Internet, but maybe the momentum is finally shifting toward CSS-based development.

Are you ready for CSS?
Learn more about CSS with these Builder.com articles:

The evolution of CSS
There have been two CSS iterations so far. CSS version 1 (CSS1) allowed developers to specify styles like size, color, and font for elements within a Web page. Version 2 (CSS2) added positioning support to simplify the task of controlling presentation layout as well as formatting. CSS2 enabled ESPN to move forward by abandoning tables. A third version, currently in development, seeks to divide CSS into modules. That version is still far from a final release.

If you're an experienced Web developer, you know the headaches inherent in dealing with HTML tables. This difficulty increases with nested tables, where the complexity of making changes and updates becomes especially cumbersome. Presenting tabular data remains a valid justification for inserting a table, but ensuring that a header is properly positioned no longer begs for one. In addition, the push toward uniform Web markup is reinforcing the push toward CSS2.

Gaining momentum
Designing sites that conform to accessibility guidelines calls for the separation of the data and presentation, and this explicitly suggests CSS rather than conventional tables. Segregating content and presentation is part and parcel of working with XHTML as well, which in turn suggests the use of CSS. Currently, the Internet is loaded with Web sites that rely solely on HTML tables for page layout, and there is no simple method to clean up bulk amounts of existing code—so designing without tables is highly recommended for all future work.

What will you do?
For developers employing still-in-use technology, standards often conflict with realistic expectations. But browser software has caught up to the standards with regard to CSS. With that in mind, do you plan to forgo using tables in the future? Are you already thoroughly meshed in CSS, having abandoned tables long ago? Join the discussion below and share your thoughts with the Builder.com community.

 
  • Save
  • Print
  • Recommend
  • 1

Print/View all Posts Comments on this article

Not yet onto CSS2Blaine Moore  | 05/27/03
CSS is the way to gothewebseye  | 06/07/03
Toot truejon@...  | 06/08/03
CSS - still frustratingps1@...  | 05/27/03
Browser Supportshanti.y@...  | 05/28/03
Plenty, they just do it different.JWNetSource  | 06/01/03

Ian Hickson's CSS Test Suite is a big part ...
http://www.guymacon.com/  | 06/02/03
The Evil CSS testshttp://www.guymacon.com/  | 06/02/03
When have all browsers ever rendered exactly th...kevnz  | 06/02/03
Or all OS's rendered the same?aspit  | 06/04/03
If a site gets heavy traffic then the speed inc...kevnz  | 06/04/03
CSS-emasculatedjt@...  | 06/05/03
CSS not for layout for me yet...d_b  | 05/28/03
CSS can't do it alladornoe@...  | 05/28/03
"it's real easy to create rigid layouts that don't resize properly"charsowbc@...  | 08/04/03
CSS not for layout for me yet...d_b  | 05/28/03
Web posting not for me yet...d_b  | 05/28/03
??ps1@...  | 05/29/03
Typewriter :-)airwhale  | 06/01/03
I thought a type-writer...Topspin  | 06/03/03
Very truecnd@...  | 06/02/03
sorry but it's really easy to create designs th...kevnz  | 06/02/03
CSS is the ONLY way to gokevnz  | 06/02/03
CSS *is* in -- tables are outJkosow@...  | 06/02/03
Dissapointing article and discussionZoef  | 06/02/03
You're all missing the point!ben@...  | 06/04/03
We know how it worksRichard P  | 06/05/03
Well thenben@...  | 06/09/03
funny, this article used tablesRichard P  | 06/05/03
The Browser Wars Still Rageultra_blue  | 06/06/03
what i want is the complete anchor tag smeisterthegreat@...  | 06/21/03
the 'a.o' above it should just be 'a'meisterthegreat@...  | 06/21/03
you what?ben@...  | 06/23/03
If you learn it... you will use it.nickpixel  | 07/24/03
Rebuttal web page on CSS benefits / HYPEdc1000  | 07/27/03
arghhhh...what wrong with this URLdc1000  | 07/27/03
Didn't you write the article, Phil?sMoRTy71  | 08/04/03
Its simple -use bothonefocus99@...  | 08/07/03

What do you think?

Article Categories

Security
Security Solutions, IT Locksmith
Networking and Communications
E-mail Administration NetNote, Cisco Routers and Switches
CIO and IT Management
Project Management, CIO Issues, Strategies that Scale
Desktops, Laptops & OS
Windows 2000 Professional, Microsoft Word, Microsoft Excel, Microsoft Access, Windows XP,
Data Management
Oracle, SQL Server
Servers
Windows NT, Linux NetNote, Windows Server 2003
Career Development
Geek Trivia
Software/Web Development
Web Development Zone, Visual Basic, .NET

All-in-One Printers

advertisement
Click Here