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

by 4 replies
5
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:
#website design #extend #length #sidebar #webpage
  • 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
  • I've always gone into my body tag and added
    style="height:100%;"

    Is that method outdated now-a-days? Meh.
    • [1] reply
    • 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.
      • [1] reply

Next Topics on Trending Feed