CSS question

NeVeR

Hey.

Just wondering if this is easy to do without adding to much code.

I have a sample page done http://www.davidstokes.com/work/test
never mind the colour and text it's all for sample !

What i want to do it have the area on the right in brown be the same height as the main content area, I know i could set the height in the CSS file .. but its going to be different on every page !. so that wont work .. I tried setting height to Auto it didnt work and also to inherit as well but it didnt work.

Any simple fix ?

Liam Byrne

CSS won't do this on its own.

The usual trick for this is to use a background image to "create" the brown-and-white area.

Alternatively, look at having jQuery check the height and set all of the columns to the maximum height found.

Webmonkey

Or...

<script type="text/javascript">
//<![CDATA[
onload = function() {
document.getElementById('right').style.height=
document.getElementById('main').style.height=
(document.getElementById('wrapper').offsetHeight)+"px";
}
//]]>
</script>

DonkeyStyle \o/

Set #right to 800px wide... put the #main <div> inside the #right <div> and set the #main background colour to white.

NeVeR

I'll try all those.
Thank guys,