Sidebar spanning height difficulties
Hey guys, I was wondering if you could enlighten me on the right way to do this.
http://patch.cacrew.com
On this CSS blog I'm designing for a friend, I'm trying to get the leafy sidebar to span the height of the content. My CSS for the property is:
#sidebar {
float: left;
background: #589f45 url(images/sidebar.gif) repeat-y;
height: 100%;
width: 44px;
}
I have a feeling that the height: 100% property is causing the problem. When you look at the site, the sidebar repeats exactly one page-length and stops.
The HTML markup for the page:
<div id="sidebar"></div>
<div id="header"></div>
<div id="topbar"></div>
<div id="blog">
Test<br />...
</div>
<div id="footer"></div>
All of the other IDs are floated left. Do you guys have any suggestions? Any help would be greatly appreciated. Thanks for looking!
CSS Codes
Reply With Quote
Bookmarks