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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Aug 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Sidebar not aligning? Seems like a simple fix...

    Hello,

    On the site http://www.thenutritionmom.com/about-stephanie/ my sidebar is continually aligned to the bottom of the page

    Although I can remedy this using a negative integer; it differs on each page due to a varying amount of text.

    On pages such as "About & Contact", the dropdowns don't seem to "stay" in place. Ack!

    I feel that this set of edits is very simple, but is driving me crazy! Any help or guidance is most welcome.

    Best,
    Adam

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    3,763
    Thanks
    23
    Thanked 548 Times in 547 Posts
    Welcome to the forums adh1990,
    Your code is suffering from Divitis. Look at the first couple of lines in the body
    Code:
    <body class="page page-id-4 page-template-default header-full-width content-sidebar">
    <div id="wrap">
    <div class="main-text">
    <div id="inner">
    <div id="content-sidebar-wrap">
    <div id="content" class="hfeed">
    <div class="post-4 page type-page status-publish hentry">
    <div class="entry-content">
    <div class="blog-img"></div>
    <div class="btext-inner">    THIS IS WHERE THE MAIN COLUMN TEXT STARTS
    What I did to fix this is take all the code for the side bar and place it before the closing tag on the ID = "content-sidebar-wrap" div and things looked OK.

    Your ending code should look like this:
    Code:
    </div>
    </div><!-- end .entry-content -->
    </div><!-- end .postclass -->
    </div><!-- end #content -->
    
    <div class="right-sidebar" style="background-color:gray"> START OF INSERTED CODE
    <div class="sidebar-banner"></div>
    <div id="sidebar" class="sidebar widget-area">
    <div id="text-2" class="widget widget_text"><div class="widget-wrap">			<div class="textwidget"><img src="http://www.thenutritionmom.com/wp-content/uploads/2013/05/sidebar.jpg" border="0" usemap="#Map">
    <map name="Map" id="Map">
    <area shape="rect" coords="1,-1,288,125" href="http://www.thenutritionmom.com/about-stephanie/" />
    <area shape="rect" coords="2,133,283,253" href="http://www.thenutritionmom.com/tips-recipes/" />
    <area shape="rect" coords="-7,264,281,383" href="http://www.thenutritionmom.com/success-stories/" />
    <area shape="rect" coords="1,395,289,532" href="http://www.thenutritionmom.com/get-in-touch/" />
    </map>
    </div>
    </div>
    </div>
    </div>
    </div>   END OF THE INSERTED CODE.
    
    </div><!-- end #content-sidebar-wrap -->
    </div><!-- end #inner -->
    Evolution - The non-random survival of random variants.


  •  

    Posting Permissions

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