Sidebar in the wrong place!
-
Why has the sidebar in my blog moved to the bottom? Need help!
See the blog here:
http://laymein.wordpress.com/ -
It happened after I added the following code:
div#page {
width: 1000px;
background: #fff !important;
clear: both;
overflow: hidden;
padding: 0;
margin: 0 auto;
}#header, #footer{clear: both; width: 1000px !important; margin: 0 !important; padding: 0 !important;}
#header {background: #fff !important;}
#header #headerimg {margin: 0; padding: 0;}
#content {
width: 780px;
padding: 0 10px;
float: left;
overflow: hidden;
}#sidebar {
width: 180px;
padding: 0 5px;
margin: 0;
float: right;
}#footer {background: #fff !important;}
.widecolumn {margin: 0 auto; float: none !important;}
-
Have you looked at the FAQ for possible causes (which may have nothing to do with the CSS)? http://faq.wordpress.com/2008/05/30/why-is-my-sidebar-at-the-bottom-of-my-posts/
-
Yes. The sidebar remains at the same place post by post. I tried to remove the widgets, but it still stays in the bottom. Even when I decrease the content-size nothing happens… I’m clueless.
-
Pull out the CSS you added and go back to the original and then add in a section at a time. First add the div#page and header stuff, save and see how it looks. Then add the #content and see how it looks, then add the #sidebar and see how it looks. See which section of the CSS you added is causing the problem.
-
Okey! I tried it and when i leave out the sidebar-bit of the code everything works. So I’m happy. Thanks!
-
You’re welcome. You can continue to play with the sidebar section and see if you can figure out why it is breaking things. I’m sort of a CSS “hack” and know just enough to get myself into trouble. Perhaps devblog will happen on this thread and tell you what went wrong.
-
- The topic ‘Sidebar in the wrong place!’ is closed to new replies.
WordPress.com Forums 