CODEWITHSUNDEEP
htmlcssdrupalview
Jonny Fiasco
Jonny Fiasco

Reputation: 43

Why does my sidebar move down to the bottom of the page rather than stay on the side?

I have a website with a blog and sidebar on the right hand side and it looks fine, however when I go onto page 2 of the blog, the sidebar moves down to the bottom of the page.

You can see what I mean by going to these links

http://www.beatinganger.com/blog (Sidebar looks normal)

http://www.beatinganger.com/blog?page=1 (Sidebar moves down to the bottom)

I have looked at the source code and I can see no changes in the difference between the 2 pages.

Any help would be much appreciated.

Upvotes: 4

Views: 2846

Answers (4)

amelvin
amelvin

Reputation: 9061

The container div closing is causing a problem (as the other answers point out); also your div with the vertical_menu class is breaking out of its allotted size - which will probably cause float issues when your divs are closed:

enter image description here

Upvotes: 1

Yman
Yman

Reputation: 934

the #right_container http://www.beatinganger.com/blog?page=1 is in the different hierarchy than the enter link description here. #right_container and #left_container should be in the same parent and level as shown in the first link.

Another advise though, I notice that the content of the #right_container has slightly "wider" content than the container itself. Make sure the content elements are smaller or equal to the width of the parent container, or set #right_container -> overflow: hidden; a quick hackish way though.

Upvotes: 0

Binalogue
Binalogue

Reputation: 55

Yeah, something is up with the template of the second URL, so that the sidebar is injected INSIDE the left 'main' column.

Upvotes: 0

amustill
amustill

Reputation: 5302

Your #left_container element on the sub-page is not being closed and therefore the #right_container element is being contained inside it.

Upvotes: 3

Related Questions