WordPress.org

1. sarmadhassan
   Member
   Posted 4 years ago #
   

   #search{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   width:25px;
   font-size:11px;
   position:relative;
   top:15px;
   left:632px;

   okay heres a component in my css.. when i adjust its top:15px; with respect to IE.. Its position is changed in firefox and chrome.. and when adjust it with firefox.. chrome and IE shows it dislocated..

   HOW TO MAKE IT ALL BROWSER COMPATIBLE

2. sarmadhassan
   Member
   Posted 4 years ago #
   

   no css guys in here???

3. Darran
   Member
   Posted 4 years ago #
   

   I am sorry, this is a standing problem for all web designers. We have to cater to the different browsers, IE, FireFox, Safari, Opera and now recently Chrome. I guess you could use specific browser conditionals.

   E.g.

   <!--[if IE 6]>
   Special instructions for IE 6 here
   <![endif]-->

   Here is a good read which could help you on the different browser conditionals:

   http://conditional-css.com/advanced

Topic Closed

This topic has been closed to new replies.