Inspired by a short conversation on twitter with Jeroen.
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?
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...