Why is my sidebar pushed to bottom?
Has your sidebar been pushed to bottom lately? this is a common problem with "fixed width" layouts on blogs/websites. This problem can occur of one of the following reasons:
A long word or a link on sidebar or "main div"(content div) or
an image that is wider than the fixed width of sidebar or main content
The "long text" problem usually occurs in IE. In order to fix the problem add the following style to your "main div" and sidebar
word-wrap: break-word;
overflow: hidden;
As for the Image problem, you will have to resize the image to fit the layout.
A long word or a link on sidebar or "main div"(content div) or
an image that is wider than the fixed width of sidebar or main content
The "long text" problem usually occurs in IE. In order to fix the problem add the following style to your "main div" and sidebar
word-wrap: break-word;
overflow: hidden;
As for the Image problem, you will have to resize the image to fit the layout.
- by designeXperts | 1:49 AM
3 Comments:
My html text reads:
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}
But I still have a problem with my sidebar being at the bottom. What can I do?
My html text reads:
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}
...but I'm still having a problem with my sidebar being at the bottom of the page. What can I do??
The code looks okay, Maybe you have a large image on your sidebar or main div which is creating the sidebar to be pushed down.
Post a Comment
<< Home