Jump to content


Not sure if this can be done in CSS?

  • Please log in to reply
3 replies to this topic

#1 Liquid Fire

Liquid Fire
  • Members
  • PipPipPip
  • Advanced Member
  • 806 posts

Posted 11 August 2006 - 11:50 AM

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?

#2 moberemk

  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 11 August 2006 - 11:58 AM

http://www.bluerobot.com/web/layouts/ should give you a hint.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#3 AndyB

  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 11 August 2006 - 12:01 PM

Yes it can be done entirely with CSS.

Among many examples, http://www.maxdesign...ntation/liquid/ explains
Legend has it that reading the manual never killed anyone.
My site

#4 snorkler

  • New Members
  • Pip
  • Newbie
  • 9 posts

Posted 27 August 2006 - 08:41 AM

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.

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users