Safari 3.0 & Google Chrome CSS hack

Posted on February 27th, 2009, by Cristian in Blogging, Design, User Interface & Experience

I’m working now at a UI of a Java platform for selling flowers. One thing that I’m doing is implementing the design into the template system. There are some important things that I should take care like: everything should easy be translate in N’ languages.

One of the elements that need to be translated are the buttons. They are very fancy, with icon and glow effect so I’m implenting them using the full-button-resize technique that I described in a previous post. Everything is going ok but I have some problems with Safari, the height of the button should be with 1px less that the Firefox css code, so I search for a css hack.  Nobody likes css hack but most of us have use of them once in a while.

Here is the way that I solved my problem:

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
}

2 comments

  1. mario on January 4th, 2010 at 10:21 pm
  2. Alex on March 1st, 2010 at 12:53 pm

Leave a comment

Comments RSS Feed

Recent Comments

  • luciano: Is there any way to fit the submenu elements to the widthest element in each one? I don´t know if I make...
  • g25: I agree that Apple should implement a homescreen like this. Personally though the lock screen should be like...
  • wildspirit: C++ : http://wallpaper.wallpedia.org /24__boat_destroyer.htm
  • tom: Hello, this menue is great, but i noticed that it does not work in Opera perfectly. The “hover”...
  • medbrooro: adam ant shoes http://topcitystyle.com/dark-b rown-women-color29.html graphic designer gucci purses...