[Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 234
  • Last Modified:

Full Height Columns, need help

Hi Guys,

I would like to have my left sidebar expand the full height of my container the white background of the sidebar should be the full length of the container length but also increase in size as the content column (right column) is filled with more text, which is the right hand column, how do I do that? I've tried googling and trying a few things but everything requires me to break my current design and re-do it all form start, i would like to get some help with this and see if a quick fix could be achieved without losing my current design.
index.html
main.css
0
VAN_AL
Asked:
VAN_AL
  • 3
  • 2
  • 2
1 Solution
 
SSupremeCommented:
Try this:
body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}
0
 
SSupremeCommented:
Sorry, I wanted to say that you can use JavaScript to make columns with same height.
0
 
blueghoztCommented:
Hi,

The easiest way is to use a background image on the container div - I have prepared a background gif that acts as background to the #container2 div you have (I accommodated your left margin of 15px so if you change that you may need to change the image) - I also made #container2 the same width as #container with centering - hope the attached does the trick for you. main.css background image to emulate column height
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
VAN_ALAuthor Commented:
Thanks @blueghozt that does the trick, however I've now lost my transperant background for the container div? How do I get that back and have this functionality stay?
0
 
blueghoztCommented:
I think you might have erroneously put in a z-index: -1 for the container div - that might be the problem - layering the backgrounds should not be an issue
0
 
VAN_ALAuthor Commented:
Got it, you see what I was doing earlier was i had a rss feed link and icon in my side bar and have it a certain margin, so that it would push the sidebar background all the way to the bottom of the edge and because I wanted the rss icon to appear 10px above the bottom of the sidebar?
0
 
VAN_ALAuthor Commented:
HI bueghozt, can you help with my last request ?
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 3
  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now