Jump to content
pcgameslab

Why Is My Sidebar Appearing Below Posts ?

Recommended Posts

There's not enough room for it (check widths and margins) or positioning is missing or inconsistent. This is mostly a math problem.

Edited by niche

Share this post


Link to post
Share on other sites

The sidebar is with the main content, if this is correct you need to increase width of main content container to accommodate the sidebar, if not you would have to remove it from main content container.

Share this post


Link to post
Share on other sites

IF you want the sidebar to fill the entire right side from top to bottom you can't have it within #main, its got to be outside of this.

Share this post


Link to post
Share on other sites

Use a developer tool to "see" what's in each container.

Edited by niche

Share this post


Link to post
Share on other sites

I want the sidebar to fill the empty right space as per the requirement of the space used by various gadgets included.You mean that it should be placed outside of id='main'.But it is already out of it.It is within the 'sidebar-wrapper' tag nothing else.

Share this post


Link to post
Share on other sites

you have

 

<div id="content-wrapper">

div id="box3">

...

</diiv><!-- end id box3 left side column-->

 

<div id="main-wrapper">

 

<div id="thumb-wrapper">...</div>

<div class="clear"></div>

<div id="box6" class="box6 section">...</div>

<div class="clear"></div>

<div class="latestpost">...</div>

<div class="clear"></div>

 

<div id="main" class="main section">

<div id="sidebar-wrapper">....</div><!-- end id sidebar-wrapper right side column-->

</div><!--end id main -->

 

</div><!-- end id main-wrapper middle column-->

 

</div><!-- end id content-wrapper outer container-->

 

sidebar-wrapper should be the same sibling level as box3 and main-wrapper, below the closing div of #main-wrapper, inside #main it is restricted by it position and width and will never move to right side.

 

You have probably misplaced a closing div, or just placed sidebar-wrapper within the wrong parent container, which not surprising with all the unnecessary c~@##y duplication of css, JavaScript, and id references.

Share this post


Link to post
Share on other sites

You have now moved it outside content-wrapper which fills the entire width, you want it inside of this, so it is sibling of box6, main-wrapper.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...