Gooogle Chrome and Firefox diffrent CSS interpretation? Need your help.

Discussion in 'HTML & Website Design' started by newcity, May 9, 2010.

  1. #1
    Hi Dp members,

    My site looks fine in latest Firefox (3.6.3). But the testimonials div gets slightly on the right side on
    Gooogle Chrome. Is this a CSS difference? How does this happen? :confused:

    I'd be happy if someone would share his insight on this. :)

    And how do i go about fixing this little bug?

    The site is:
    www.aquickhost.com


    Waiting for you kind reply, thanks.
     
    Last edited: May 9, 2010
    newcity, May 9, 2010 IP
  2. extremephp

    extremephp Peon

    Messages:
    1,290
    Likes Received:
    32
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Well, No Difference comes to the CSS, But each brower reads the CSS different ways..!

    Make Conditional CSS like If the browser is Chrome, Point to chrome.css like that..! and make a CSS which would give the Correct look in CHrome.

    Actually the problems faced are like Width issues. Height and so... not much complex things :)

    Thanks
     
    extremephp, May 9, 2010 IP
  3. newcity

    newcity Peon

    Messages:
    1,015
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks extremephp,

    How do i go about adding contitional css for chrome?
     
    newcity, May 9, 2010 IP
  4. extremephp

    extremephp Peon

    Messages:
    1,290
    Likes Received:
    32
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Here you go

    <!--[if IE]> <style type="text/css">@import "IE-newcsshere.css";</style> <![endif]-->

    Include it to your HTML or whatever is accessing your CSS.

    And In the newcsshere.css have the Special CSS only for IE and it will override the default css once it is accessed by IE :)

    Does that make a point to you?

    Thanks :)
     
    extremephp, May 9, 2010 IP
  5. newcity

    newcity Peon

    Messages:
    1,015
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Thanks a lot again for your reply.

    Yup it does, so i use Chrome instead of IE in the code?
     
    newcity, May 9, 2010 IP
  6. extremephp

    extremephp Peon

    Messages:
    1,290
    Likes Received:
    32
    Best Answers:
    0
    Trophy Points:
    0
    #6
    which browser you face the probelm, you have to put the user agent name there.. not just words :)

    and another thing, you need a Java script to find which browser they are running on :(

    *Sad* :(

    make a java program to point out which browser the visitor is using, and once they point it to chrome,

    <!--[if chrome]> <style type="text/css">@import "IE-newcsshere.css";</style> <![endif]-->

    Will be excecuted..! Or else, it will be neglected.

    So grab 2 things, a Small Java script to find the browser, and User agent Name of Chrome(am not sure what is it ) and make the css and all, and it would be done

    Thanks :)
     
    extremephp, May 9, 2010 IP
  7. newcity

    newcity Peon

    Messages:
    1,015
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Chrome is the browser built by Google, known as Google Chrome, I am basically having this problem on Chrome only, not on firefox or ie.
    Still those info's are quite useful, I need a way to do the exact thing in Chrome. :)
    Thanks
     
    newcity, May 10, 2010 IP