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, 4 months ago.

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

    mkpoway
    Participant

    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

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

    #65516

    Tom
    Participant

    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

    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

    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

    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
    This reply has been marked as private.
    #65721

    mkpoway
    Participant

    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.