WordPress.org

Ready to get started?Download WordPress

Forums

A real basic question.. browser compatibility in CSS (3 posts)

  1. sarmadhassan
    Member
    Posted 6 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 6 years ago #

    no css guys in here???

  3. Darran
    Member
    Posted 6 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.

About this Topic