Right side border not aligned

Community Forums Forums General Discussion Right side border not aligned

This topic is: resolved

Tagged: , , ,

This topic contains 7 replies, has 2 voices, and was last updated by  mkpoway 1 year ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #65366

    mkpoway
    Participant
    Post count: 5

    Hello,

    On my site, the border on the right side is not aligning with the rest of the borders. The whole theme is set to width = 960px, so I’m not sure why this is happening. Any recommendations? The content-sidebar code is below:

    /***** Content-Sidebar Wrapper ********************/

    #content-sidebar-wrap {
    width: 960px;
    margin: 0;
    padding: 8px;
    float: left;
    border: 1px gray;
    border-right-style:solid;
    border-left-style:solid;
    /** overflow:hidden; **/
    }

    http://www.thegmattutor.com
    #65497

    mkpoway
    Participant
    Post count: 5

    Sorry for the bump, but I could really use a reply on this issue!

    #65516

    Tom
    Participant
    Post count: 945

    This is fixed? I don’t see a border on the right mis-aligning.

    Can you say specifically at a certain <div>, widget or other page element?

    (Your bump may have done you a disfavor – many assistance queries are for unanswered posts – i.e. only one message.)

    Anyway – someone *will* jump in if you still need some help.


    Choose your next site design from over 350 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #65601

    mkpoway
    Participant
    Post count: 5

    Hi Tom,

    No, it is not fixed. The border is still not aligning, but I removed the comment code around the line “overflow: hidden;” The new code is below. I could still use help!

    /***** Content-Sidebar Wrapper ********************/

    #content-sidebar-wrap {
    width: 960px;
    margin: 0;
    padding: 8px;
    float: left;
    border: 1px gray;
    border-right-style:solid;
    border-left-style:solid;
    overflow:hidden;
    }

    #65614

    Tom
    Participant
    Post count: 945

    It looks like you are trying to place a 1px gray solid border to the right side of the sidebar. (I think.)

    Your width is 960px, but you have padding of 2×8=16px and the lines of 2×1=2px totalling 978px. This pushes your right border and some of that padding out of the main #wrap.

    You need to shrink your content and/or sidebar by a total of 15-20px, and adjust padding to make room for your border and space things out more.


    Choose your next site design from over 350 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #65675

    mkpoway
    Participant
    Post count: 5

    Hi Tom,

    My content wrap is set to 470px and my sidebar wrap is set to 300px, so it should be less than the 960px of the content-sidebar wrap. I’ve posted more code below. Any specific suggestions?

    #65714

    mkpoway
    Participant
    Post count: 5
    This reply has been marked as private.
    #65721

    mkpoway
    Participant
    Post count: 5

    Issue is fixed, thanks Tom.

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

The topic ‘Right side border not aligned’ is closed to new replies.