How to extend the sidebar to the whole length of the webpage?

by mbliu118

Posted: 12 years ago 4 replies

WEB DESIGN

Hi,

I downloaded a free website template & deisgn my website as self-storage-hk.com , I want to extend the left sidebar to the whole length of the webpage.

This website template is using style sheet.
How can I do it ?
Please advise
Thanks
Tony.

:confused:

#extend #length #sidebar #webpage

RichKent 12 years ago

That's a standard problem / complaint in design as there isn't currently a great way to do this.

The easiest way is to use a full-width background image behind the content <div> that's tiled vertically that has brown on the left (under where the sidebar would go) and white on the main content, so that even when the sidebar is short it still appears to be full length.

Your other option is to add height to the sidebar class - so in your stylesheet look for: #leftcol and add a new line with either:
min-height:600px;
or
height:600px;

Replace the 600 with the height you'd like. Difference is that min-height can expand beyond 600px, whereas height locks the height at 600px.
- [ 1 ] Thanks
Signature
Learn more about Wordpress and SEO
{{ DiscussionBoard.errors[5965794].message }}
WebsiteBegin 12 years ago

I've always gone into my body tag and added
style="height:100%;"

Is that method outdated now-a-days? Meh.
- Thanks
- 1 reply
Signature
WebsiteBegin | Learn to Build and Manage an Amazing Website

Follow me on Twitter - Joeb3219
{{ DiscussionBoard.errors[5984080].message }}
- Istvan Horvath 12 years ago
  
  Originally Posted by WebsiteBegin
  
  I've always gone into my body tag and added
  style="height:100%;"
  
  Is that method outdated now-a-days? Meh.
  
  No, but those that understand CSS know it doesn't work (and it's irrelevant) when it comes about the length of the background colour of the SIDEBAR.
  
  Thanks
  
  1 reply
  
  Signature
  
  {{ DiscussionBoard.errors[5984187].message }}
  
  WebsiteBegin 12 years ago
  
  Originally Posted by Istvan Horvath
  
  No, but those that understand CSS know it doesn't work (and it's irrelevant) when it comes about the length of the background colour of the SIDEBAR.
  
  My bad! I mis-read the OP. I thought he meant the scroll-bar on the side.
  
  Thanks
  
  Signature
  WebsiteBegin | Learn to Build and Manage an Amazing Website
  
  Follow me on Twitter - Joeb3219
  
  {{ DiscussionBoard.errors[5984282].message }}