Neverside

liquid css

Hi all,
I'm having alittle trouble "liquidating" my CSS...ive got this page here,
http://www.younghistorians.com/reenact/test.html (i know dont laugh ). When viewed on anything under 1152 by 864, the menu and main content box start to overlap each other. How can I fix this?

Thanks!

___________________

A really sweet history forum

um... hmm is that named right? it seems your menu is div'ed into "rightside" but it appears on the left on firefox

___________________

There is no theory of evolution. Just a list of creatures Chuck Norris has allowed to live.

if you want liquid then use

Code:

width: x %;

instead of

Code:

width: x px;

___________________

Oh, yes, this is going to be wild.

Quote:

Originally posted by eric6889
if you want liquid then use

Code:

width: x %;

instead of

Code:

width: x px;

Thanks, but what should I change specifically if I want the menu always to stay to the left and the main content always to the right of that?

___________________

A really sweet history forum

Quote:

Originally posted by Doofus
um... hmm is that named right? it seems your menu is div'ed into "rightside" but it appears on the left on firefox

HAHA, don't ask.

___________________

A really sweet history forum

hmm, i wouldn't have writen the code the way u did, but

if you set the container box width to

Code:

width: 50%;

and the "rightside" width to:

Code:

width: 20%;

i think it will come out looking similar to what it is right now.

___________________

Oh, yes, this is going to be wild.

Quote:

Originally posted by Doofus
um... hmm is that named right? it seems your menu is div'ed into "rightside" but it appears on the left on firefox

It is the right side from the monitor's perspective.

___________________

Dick Cheney Nude -- Sign the Petition!

If you want to set a width percentage, do you have to guess the amount?

___________________