Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Sep 2011
    Posts
    264
    Thanks
    49
    Thanked 1 Time in 1 Post

    Sidebar being displaced in Chrome

    This website displays properly in Opera, Internet Explorer 9 and Firefox.

    However, in Chrome, the sidebar is not flowing properly. It is displaced by the main content region.

    Can you see what is causing this? Thank you.
    Last edited by SRD75; 11-07-2012 at 10:53 AM.

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    In your style.css you have:

    Code:
    #sidebar.four.columns {margin-left: 1.6%; width: 32.6%; right: -.2em;}[line 111]
    #sidebar.four.columns {margin-left: 1.5%\9; width: 32.6%; right: -.2em;}[line 112]
    Code:
    @-moz-document url-prefix() {[line 118]
    
    #sidebar.four.columns {margin-left: 1.5%; width: 32.6%; right: -2px;}
    #sidebar_left.four.columns {margin-right: 1.5%; width: 32.6%;}
    
    }
    Chrome is parsing all this to apply a left margin of 1.6% because it's ignoring 112 as invalid. You can see this using Inspect Element in Chrome. FF, at least, parses it at 1.5%, both because it is parsing line 112 despite the error, and also because of the (unnecessary) Mozilla specific code at 118. You can see this in Firebug/Inspect Element.

    That extra 0.1% in Chrome is causing the float drop.

    Sort out the errors here, get rid of the moz stuff, and use a single consistent styling using 1.5% margin and it should be OK.

  • Users who have thanked SB65 for this post:

    SRD75 (11-07-2012)

  • #3
    Regular Coder
    Join Date
    Sep 2011
    Posts
    264
    Thanks
    49
    Thanked 1 Time in 1 Post
    Thanks SB65


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •