pcgameslab Posted August 7, 2014 Share Posted August 7, 2014 On my blog TechnoPcArea the sidebar is appearing belo the blog psots,I think it should be appearing at the right side.I cross checked the css and everything is fine,what has happened.Can anybody help Me ? Below is a screenshot I hope this screenshot would be helpful Link to comment Share on other sites More sharing options...
niche Posted August 7, 2014 Share Posted August 7, 2014 (edited) There's not enough room for it (check widths and margins) or positioning is missing or inconsistent. This is mostly a math problem. Edited August 7, 2014 by niche Link to comment Share on other sites More sharing options...
dsonesuk Posted August 7, 2014 Share Posted August 7, 2014 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. Link to comment Share on other sites More sharing options...
pcgameslab Posted August 8, 2014 Author Share Posted August 8, 2014 I have tried to increase the width of container to 2100px,no effect Link to comment Share on other sites More sharing options...
dsonesuk Posted August 8, 2014 Share Posted August 8, 2014 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. Link to comment Share on other sites More sharing options...
niche Posted August 8, 2014 Share Posted August 8, 2014 (edited) Use a developer tool to "see" what's in each container. Edited August 8, 2014 by niche Link to comment Share on other sites More sharing options...
pcgameslab Posted August 8, 2014 Author Share Posted August 8, 2014 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. Link to comment Share on other sites More sharing options...
dsonesuk Posted August 8, 2014 Share Posted August 8, 2014 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. Link to comment Share on other sites More sharing options...
pcgameslab Posted August 9, 2014 Author Share Posted August 9, 2014 I have tried to keep it within the same column as box 3 rather than the duplicated main section,but no effect. Link to comment Share on other sites More sharing options...
dsonesuk Posted August 9, 2014 Share Posted August 9, 2014 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. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now