Before: Tag Soup. After: CSS Clutter

In From Tag Soup to CSS Clutter, Martijn ten Napel talks about how browser specific hacks have moved from HTML to CSS.

I try to avoid using CSS hacks, but if that’s the only way to make an important part of a site work consistently across browsers, I’ll sometimes use stuff like the Box Model Hack or the Commented Backslash MacIE5 CSS Hack.

I dislike coding around browser incompatibilities, but I think doing it with CSS hacks is a lot better than using JavaScript browser detection, which will eventually break (and obviously fails when JavaScript is disabled), or server-side detection to send different HTML to different browsers. The CSS way, everybody gets the same HTML, which can be properly structured with semantic markup. So, if part of the page doesn’t look exactly the same in browser B as it does in browser A, that’s no big deal, since the content is there and is accessible.

• August 3, 2003
• Comments closed
• Posted in CSS

• Previous post: CMS, standards and semantics
• Next post: Macromedia and Accessibility

Information, sponsorship, and externals

Best of 456 Berea Street

Equal height boxes with CSS (view demo) and Equal height boxes with CSS, part II (view demo)

It’s easy to create equal height columns with CSS. It just doesn’t work in IE.

Basics of search engine optimisation

Make search engines love your site by following these basic guidelines for SEO.

Setting the current menu state with CSS

How to use CSS only to change the appearance of the current state of a navigation bar.

CSS 3 selectors explained

Browser support for CSS 3 selectors is currently lacking, but taking a look at what lies ahead is still useful.

New clearing method needed for IE7?

You may need to adjust your auto-clearing methods to work with IE 7.

More popular articles

Random places to go

• snook.ca
• Adactio: Journal
• Wait till I come!
• Design View / Andy Rutledge
• Lillbra
• Web Axe
• Juicy Studio
• Beast-Blog.com
• Accessify
• AlastairC