CSS Browser Selector
I got so stuck with a 1px margin making my layout look weird on safari. i have a well written code and understood only a hack like.
<!–[if Safari]> ??? possible?
no it is not but following example really helped me. I much appreciate
Clever technique to help you on CSS hacks.
CSS Browser Selector is a very small javascript with just one line which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser.
http://rafael.adm.br/css_browser_selector/
<style type="text/css">
.ie .example {
background-color: yellow
}
.ie7 .example {
background-color: orange
}
.gecko .example {
background-color: gray
}
.win.gecko .example {
background-color: red
}
.linux.gecko .example {
background-color: pink
}
.opera .example {
background-color: green
}
.konqueror .example {
background-color: blue
}
.webkit .example {
background-color: black
}
.example {
width: 100px;
height: 100px;
}
.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }
</style>
ShareThisTags: , cross browser compatibility, css safari issue, Safari Exception script
July 28th, 2010 at 11:11 pm
awesome post. I have discovered for myself just how flexible WP is, as a hosting platform for your website. you literally have everything you need to publish a website at your fingertips, through WordPress. thanks.
August 24th, 2010 at 5:21 am
Your site is really useful. I will make a bookmark. Will you discuss this again?
August 24th, 2010 at 9:31 am
Hey,I just find your website doesnt appear right under IE 7. I think it’s because of some CSS problems. Please check it. BTW, very nice blog!
August 25th, 2010 at 9:10 pm
i would like you to be more specific, thank you though