Different

Inspired by a short conversation on twitter with Jeroen.

@jvwissen nah, it's bulshit to make a site look the same in every browser. users don't even know what they are, let alone that there diffs.

@wnas let's make sites that look completely different in every browser. :D

As I typed that tweet, I decided to do the exact opposite of the thing I do in normal life. Building a nice demo page to show how you can get a page to be different in every browser.

• Firefox 3
  -moz-column-count: 2;See the two columns?
• Opera
  background-image: url('img/operabg.svg');SVG background image
• Safari 4
  -webkit-border-bottom-right-radius: 15px;Look at the other rounded corners.
• IE 7
  No columnsAlso a bit different...
• IE 6
  2 colums thanks to extra div's with conditional comments.Also a bit different...

It uses conditional comments and browser specific css 3 implementation... If you have any suggestions on how to make the page even more different, please let me know on twitter or in the comments.

And in the unlikely event that your a company that wants their site different in every browser, please contact me, I would love to help you...

ps. the content is the communist manifesto, the new lorum ipsum...