ansaurus

Question

Answer 1

+1 A:

This technique has always worked for me. See http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

The background is actually on the wrapper of the two columns though.

Keyo 2010-07-29 00:00:38

Yes, I actually thought of doing that background thing but thought it might be to primitive. I decided to do it like this, simple.

ber.query 2010-07-29 00:56:39

Answer 2

+1 A:

This is really something best approached with CSS.

Say this is your structure:

<body>
 <div id="main">
  <div id="leftSide"></div>
 </div>

I think what you'd want to do is give the left side a height of 100% in your CSS:

#main {
  height:500px; /*this can be whatever height you want for your main div*/
  width:700px;  /*same with this, for its width*/
  background-color:#F00; /*just to show you the effect*/
}

#leftSide {
  float:left;  /*THIS is where the magic happens, to "pull" it to the left*/
  height:100%; /*This makes sure it reaches all the way to the bottom*/
  background-color:#00F;  /*or any color you'd like (which is a great song btw)*/
  width:200px;  /*or whatever height you'd like*/
}

This all assumes of course that you don't have extra margins and padding on your divs or other elements. You also might want to consider a "CSS Reset" like this one

Trafalmadorian 2010-07-29 00:05:35

ansaurus

tags:

views:

answers:

Resize div that's inside another div

related questions