Hi,
I have converted my homepage from tables to div, http://www,thai-discovery.com .
The page length is different in IE8 and FF which is not too much of a problem.
Now I would like to update all my pages to divs, they will all be different height.
How do I do that using CSS? I was thinking of making a seperate externeral CSS sheet for the length for every page but that would take forever.
Is there any other way? Or is the will I have to put a height on every div for each page?
Does the above make sense?

When have you seen a website where ALL the pages are the same height?

Height: auto;

this wil let the div height expand for as long as the data goes.

Height: auto;
this wil let the div height expand for as long as the data goes.

And it's completely pointless because the div will stretch to hold what's in it by DEFAULT! As long as you're not nailing down a height.

I'll never understand this obsession with all pages being the same height or having to fill the viewport -- really.. visitors don't care if the pages are not all the same height, they're (hopefully) there for the CONTENT you offer

I dont want all the pages to have the same height, what I meant was my 3 columns of my website to have the same height.

Like if I change it to auto, the left and right column will be shorter then my content (middle column)

here's my solution.
http://www.candsdesign.co.uk/article...eight-columns/

I agree with Chris - use the faux columns method and save yourself a lot of aggravation.