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!

1 Attachment

jva1601
View Replies:
Remo replied on at Permalink Reply
Remo
that's usually because your columns are too wide.. Try working with firebug, you can use the "inspect" tool and you'll see the bounding boxes very quickly. You'll probably see that they are too big. But that's just theory.

A link does by the work much better than a screenshot - it would allow us to see what you actually did...
jva1601 replied on at Permalink Reply
jva1601
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...
sebastienj replied on at Permalink Reply
sebastienj
It seems to be ok now.. no?
jva1601 replied on at Permalink Reply
jva1601
Not when you click on the Blog link.

http://concrete5.joealdeguer.com/index.php/blog/...
sebastienj replied on at Permalink Reply
sebastienj
There are a little trick when you have a float content.
add :
<div style="clear:both">&nbsp;</div>
just after the end of your div #content.

like this :

<div id="content">

<!-- your stuffs -->

</div>
<div style="clear:both">&nbsp;</div> <!-- to clean the float -->
Remo replied on at Permalink Reply
Remo
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..
jva1601 replied on at Permalink Reply
jva1601
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!