Can I make multiple columns stay the same length?

[helio]

I am working on a page for a friend and I can't get the pages to stay the same length. My css is linked on the page check it out >

if you have time or are interested please let me know how to fix this

here is the page http://www.clan-psd.shrapnet.com/cssource/helio/mvp/images.php

mvp.css

thanks

[ray326]

Start by fixing the HTML.

http://validator.w3.org/check?verbose=1&uri=http%3A//www.clan-psd.shrapnet.com/cssource/helio/mvp/images.php

[Kevey]

You can specify the height of each div id in css to make them match up..e.g. #LEFTCOLUMN {height:500px;}

BTW...the file sizes of the pics you are using are huge.

[mikepurvis]

I am working on a page for a friend and I can't get the pages to stay the same length. My css is linked on the page check it out >

if you have time or are interested please let me know how to fix this

There's two ways to go about this, an easy way and a hard way. The easy way is to simply take that /images/bg.gif strip and put it in the background of #body. That way it goes the whole vertical height, even if the columns themselves don't.

My preferred approach is like this: http://sandbox.mikepurvis.com/css/bordercolumn/

There's no images required, it's just a big bit of padding on the right side, and then the second column uses a negative margin to pull out of the first one and into that area. It's actually very similar in spirit to wrapping a background around everything, but the implementation is a bit more of a mind-bender.


Nice site, btw. (And yes, you should use valid HTML, but I prefer not to hold assistence hostage to that.)

[helio]

I appologize for the validation, I am generally new to web design in all aspects. I started this last summer with photoshop / html / css / php. So I haven't gotten really good with any of them. Thank you all for your help though!