Jump to content

Archived

This topic is now archived and is closed to further replies.

Liquid Fire

Not sure if this can be done in CSS?

Recommended Posts

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?

Share this post


Link to post
Share on other sites
Yes it can be done entirely with CSS.

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

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.