Grow your CSS skills. Land your dream job.

Chrome CSS Conundrum? Can you help?

  • # February 4, 2009 at 3:18 pm

    I have been building a web portal for my family over at http://google.com. But I have run into a seemingly small problem that has stumped me. The problem only happens in Webkit Browsers like Chrome and Safari. So here it is:

    Go to http://google.com in Chrome or Safari.

    Hover over the last item in the bottom navigation called "Games".

    You will see the entire bottom navigation shift to the left about 8px.

    Why is this happening? What elements are causing the shift?

    It doesn’t happen in Firefox or IE. Can you figure it out?

    Thank you for your help.

    DangDang

    # February 5, 2009 at 2:02 am

    may be you can check increasing the width of container from 600 to 700 like that

    # February 5, 2009 at 8:17 pm

    Thanks for the help but I have changed the width of the container to 700px and it doesn’t solve the menu shift bug. Please see if you can find anything else that could be causing it. I am stumped.

    Thanks!

    # February 6, 2009 at 12:55 am

    i have fixed the problem in my way try using my css it works for me use my css and let me know if it is works for you use the attached css

    # February 6, 2009 at 3:31 pm

    @Ramesh – Thanks a MILLION!!! I worked on this for weeks trying to figure out what was wrong and I see now why because it wasn’t just one simple answer it was alot of things that were effecting each other. Thanks for your help!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".