Right sidebar being pushed down
Permalink
Could someone point out what I am doing wrong? I have set the position of the sidebar to float right but it keeps on ending at the bottom. I am attaching an image of how it looks. Thank you!
Thanks for responding Remo! Here is more info, I have added the Blog addon. When you clicked on the Home link the right sidebar looks right but when you click on the Blog link as you can see it is messed up. The white background is not extending for all the content. I replaced the original css from float: left; to float: justify; and the white background did cover all of the content. But it pushed the right sidebar down on the Home link as well. Like what it is doing now on the Blog Link.
Some information from the style.css
#header {
width: 910px;
height: 172px;
margin: 0 auto;
background: url(images/data-center.jpg) no-repeat left top;
}
#page {
width: 910px;
margin: 0 auto;
background: url(images/img03.jpg) no-repeat left top;
}
/* Content */
#content {
float: left;
width: 600px;
padding: 40px 0 0 20px;
}
http://concrete5.joealdeguer.com...
Some information from the style.css
#header {
width: 910px;
height: 172px;
margin: 0 auto;
background: url(images/data-center.jpg) no-repeat left top;
}
#page {
width: 910px;
margin: 0 auto;
background: url(images/img03.jpg) no-repeat left top;
}
/* Content */
#content {
float: left;
width: 600px;
padding: 40px 0 0 20px;
}
http://concrete5.joealdeguer.com...
It seems to be ok now.. no?
There are a little trick when you have a float content.
add :
<div style="clear:both"> </div>
just after the end of your div #content.
like this :
<div id="content">
<!-- your stuffs -->
</div>
<div style="clear:both"> </div> <!-- to clean the float -->
add :
<div style="clear:both"> </div>
just after the end of your div #content.
like this :
<div id="content">
<!-- your stuffs -->
</div>
<div style="clear:both"> </div> <!-- to clean the float -->
try to add float:left to
.ccm-blog-blog-post-content and set a small width for it to be sure there's enough space..
.ccm-blog-blog-post-content and set a small width for it to be sure there's enough space..
I fixed it by starting from scratch. I reinstalled concrete5, then added the blog, then installed the theme. Making sure everything appeared correctly before changing the header image and background. Now it works the way I want it. I learned something new again today!
http://theme.joealdeguer.com/
Anyway thanks for all of your help guys!
http://theme.joealdeguer.com/
Anyway thanks for all of your help guys!
A link does by the work much better than a screenshot - it would allow us to see what you actually did...