Log in

View Full Version : Liquid Layout with Minimum Width



pinch
05-16-2011, 03:11 PM
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?

monique
05-17-2011, 03:34 PM
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.

pinch
05-17-2011, 03:59 PM
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.