Results 1 to 3 of 3

Thread: Liquid Layout with Minimum Width

  1. #1
    Join Date
    Oct 2007
    Posts
    17
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default Liquid Layout with Minimum Width

    I am looking for a CSS layout which would have 3 columns and a minimum width of roughly 1150px. However, if the viewport were to be expanded wider than 1150px, the center column would begin to expand to fill the viewport.

    I've looked at the CSS layouts on Dynamic Drive (and just about everywhere else) but haven't been able to find this type of solution. Are there any solutions of this type out there?

  2. #2
    Join Date
    Aug 2006
    Posts
    101
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    If I understand exactly what you mean, perhaps you can find the right solution here: http://matthewjamestaylor.com/blog/perfect-3-column.htm.

    Try the following: set the total width at 100% and the left and right column at a fixed size. I expect the center column to adapt to what's left over of the screenwidth.

    But, why would you want min. width to be 1150px? That's going to be just too big for a screenwidth of 1024 px which i being used still a lot. I would use min. width 984-994px or even 760-770px (for screens 800 px) if that's possible.

  3. #3
    Join Date
    Oct 2007
    Posts
    17
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by monique View Post
    If I understand exactly what you mean, perhaps you can find the right solution here: http://matthewjamestaylor.com/blog/perfect-3-column.htm.

    Try the following: set the total width at 100% and the left and right column at a fixed size. I expect the center column to adapt to what's left over of the screenwidth.

    But, why would you want min. width to be 1150px? That's going to be just too big for a screenwidth of 1024 px which i being used still a lot. I would use min. width 984-994px or even 760-770px (for screens 800 px) if that's possible.
    All of the main content would be viewable when the screen is sized at 1024px and only the ads in the right column would be out-of-view at that resolution. As of January this year only .6% of users still use 800px width so I'm not going to jump through hoops for them.

    Also, as of January this year only 13.8% of users still use 1024px width (although at its current rate of decrease it is probably much lower now). I do want to account for these users, but as I said the main content will be viewable at this resolution.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •