html/css
 

I am redesigning saratogateen.com and i have a test page (saratogateen.com/test.html).

I have a design problem that I don't think I'll be able to explain clearly. If you look at the test page, the css div on the right is supposed to automatically resize itself to the size of the div on the left. The left hand size is supposed to contain announcements and the right hand side is supposed to contain a scrollable div. But is there some javascript to resize the left hand div automatically? thanks in advance

Why not just tell each box to be 50% of the total width? No need to mess with javascript there, if I am understanding you right. Check out the CSS width property.

Also, not relevant to the question, but it wouldn't hurt to fix all the invalid HTML too.

well, its not the width that vexes me its the height

not quite sure which is meant to follow width. there's no real nice to way to change a width based on an implicat calculation of the height... you could do that with dynamic css, based on javascript possibly, if that's what you mean. if you want content to automatically scroll, i saw a design on owsd.org which did fix a div at a certain height, forcing it to scroll. stil not too sure that you're really after though.

Well, if it's height you want, you can use the CSS height property.

what i'm thinking of is this: the div on the left is set to have its css-height at automatic, and its width is set to about 2/3, however I'm looking for some way to have the div on the right base its height on the other one...