Not a member? Why not join us or log in? (No more hassle filling in comments, less obtrusive ads and asides.)

Hacked off with CSS?

Posted by Andrew Faulkner on October 1st, 2005.

Andrew Faulkner is the admin at fadtastic. Andrew prides himself on standards-based, accessible web design in the city of Nottingham, UK. He believes in aesthetically pleasing accessible design and that 'standards compliant does not equal boring.'

http://fadtastic.net/

Andrew Faulkner has posted 211 articles.

RSS Feed for fadtastic.net RSS Feed for Andrew Faulkner

Full Profile →

CSS Hacks are all the rage at the moment. I couldn’t resist putting in my view. This may upset those that love their hacks and collect lists of all the available ones.

Most CSS ‘Hacks’ involve simple punctuation tricks to fool the problematic browser into accepting a different style to the browsers that display correctly.

CSS Hacks work, but there are two main points to consider:

Firstly, the validity of the CSS may be affected. Invalid CSS hardly seems worthwhile as the main aim of CSS layout is to embrace web standards - seperating style from content.

Secondly, designers have performed Hacks to satisfy current and past browsers. They have failed to look in the other direction – will it be futureproof? With the launch of the next version of Internet Explorer this autumn (and many more to follow), one has to wonder whether these Hacks, or quick fixes, will break a site.

In essence, we cannot predict how Hacks will be displayed. Designers might like the idea of work needing to be done in the future on a clients site but if the site breaks the client is unlikely to commission the same team to fix it.

The true skill of a designer is shown when s/he creates a design without Hacks that generally looks great and works. Slight differences have to be expected. Trade-offs have to be made – and it is the decisions made that show a quality end product. So less hacking beacause it’s cool and current and more designing to fit all browsers without hacks. You don’t want your client viewing their site with its pants down, after all.

Make A Comment

( 6 so far )

blockquote and a tags work here.

6 Responses to Hacked off with CSS?

Comments RSS Feed

I know where you’re coming from on this, but it’s really hard to gadge. Some times the differences between browsers without hacks is huge! We tend to stick with the old “_” hack (IE only style). But the future does concern me.

Jase (lucidcreation)
October 3rd, 2005
#

Personally I think that there isn’t a lot of difference in browser rendering if you keep things fairly simple. For example, a complicated CSS-based menu may be more prone to looking a lot different in various browsers than a simple menu.

I don’t like it when designers feel they need to get every pixel correct. Live with your site being different in various media (Phones/PDAs/Monitor?Print etc) and various browsers within those media.

Andrew Faulkner
October 4th, 2005
#

I agree totally. While my site may make use of certain features not supported in browsers like IE, they degrade gracefully and are done without the use of hacks. Doug Bowman said during his recent WE’05 address that we need to get away from CSS hacks altogether.

Nathan Smith
October 4th, 2005
#

I always like my final vision to be the same no matter the browser. When designing dynamic sites with flowing content sometimes you can’t help but use hacks.

Jase (lucidcreation)
October 5th, 2005
#

Jase,

Could you explain why it has to “to be the same no matter the browser” please? I’m trying to get an insight from the other side of the argument. Why do you not like a degree of difference depending on the browser?

Andrew Faulkner
October 5th, 2005
#

Actually, i’ve never used hacks. Never needed them. I’ve always got around my problems in a different way. (adding one more divisions or something) But I don’t optimize my sites for browsers older than IE5.5. That’s just crazy. People need to understand to update their software. They need to update their flash-player, or their mediaplayer. So why not their browser?!

Peter Briers
December 5th, 2005
#

↑ Jump up to the comment form

Related In Some Way, Shape Or Form

The above post has obviously kept you amused. Why not discover similar material:

The posts One Year Ago | CSS Hacks, are related to this post.

Or why not take time out to find out about the author of the post.