Borders and equal height css columns?

Try this: html,body,. Container, . Section, .

Left, . Right{height:100%} . Left, .

Right {border:1px dotted black;float:left;} example: jsbin.com/agaza5.

Make both your left and right divs stretch the full height of the container (section). . Left{ height:100%; } .

Right{ height: 100%; }.

I would set the height of your section div and then just set the children heights to 100%. Check it out.

Your fiddle isn't working for me – Nimrod Feb 9 at 0:29 Oh, well I was showing that the Red is set to 100% and the blue isn't, if that's what you mean. – Aaron Hathaway Feb 9 at 0:31 Yeah, that's what I meant. The OP wanted the border "between" both DIVs to be as long as the tallest DIV (extend all the way down).

I thought your link was an example of this. – Nimrod Feb 9 at 0:43.

Set the height property equally for both divs columns using CSS: . Left { border:1px solid #ccc; height:100px; /* you can use "100%" too, if you want */ } . Right { height:100px; /* you can use "100%" too, if you want */ } You can also use the min-height attribute if you want to create the same minimum height for both divs, but let only one div stretch further if its content grows.

I would also add that you should use more semantic names for your divs. What if one day you decided to move your left column and it was no longer on the left? You would have to rename everything!

1 display:block will stack the DIVs instead of displaying them inline (floated). DIVs are already block-level elements. – Nimrod Feb 9 at 0:15 @Nimrod, good point!

I completely missed that! Thanks... – Mohamad Feb 9 at 0:32.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.