::..CSS..:: ::..HTML..::

How to target specific browsers

Most developers (& web designers) are aware of browsers specific problems when it comes to rendering websites. The following code will target specific browsers, and you can apply styles to them.

<!--if firefox> .yourSelector { margin-top:0; } < ![endif]-->
<!--if chrome> .yourSelector { top:6px; } < ![endif]-->
<!--if!if ie> .yourSelector { top:8px; } < ![endif]-->
<!--if opera> .yourSelector { top:10px; } < ![endif]-->
<!--if safari_webkit> .yourSelector { top:12px; } < ![endif]-->

By Nicole Gladding

My name is Nicole, and I am a designer/developer with a strong focus on email marketing as well.

Leave a Reply