Not sure if this can be done in CSS?

[Liquid Fire]

I am going to have 3 tmain div for my content, side navigation and main content.  I want the side navigation ot always bee 300px in width and i know css can do that but i want the main content to always been in width the entire page minus 300px for the side navigation.  is this something i can do in CSS or do i need javascript to do it?

[moberemk]

http://www.bluerobot.com/web/layouts/ should give you a hint.

[AndyB]

Yes it can be done entirely with CSS.

Among many examples, http://www.maxdesign.com.au/presentation/liquid/ explains

[snorkler]

Fairly easy stuff

I limit though the width of the maincontent section

I create a master wrapper div and then place the other three divs inside that.  This allows me to centre the whole layout, but it also allows me to limit the width of my entire layout to 800px, because there are people out there who still use 800*600 on their screens, thus if someone is using that size and you have not limited your main content to 500px, then if there is an element that is large, it will create a scrollbar across the bottom of their browser.

This is a matter of question of how in control of your data you are and how consistent you want it to look across all browsers on all screens of vayring resolutions.