[Pro] Page width

Can someone briefly explain page widths : fixed, flexible, minimum, maximum and min/max?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Since no one has taken the time to respond to you since February 2013, I guess the answer to your question is an emphatic “no!”

But I came here searching for an answer to the same question. And interestingly enough, your question is atop the search results, despite the fact it was never answered.

Hopefully, my provocative words will be seen by someone here who knows and will take time to let everyone else know too.

–James Wages


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Alright, I guess I can handle this!

  • Fixed means that the page will not shrink or grow in width, as you have declared a pixel-based value. If you set it to 960px, the page will always be that wide.

  • Flexible means that the page’s width is set with a percentage. If you set the page to 80% width, then it will always be 80% of the width of the browser window. The problem is that all of it’s children must also be flexible width, and inline, or else you will have a 400px wide page trying to contain an 800px wide element.

  • Minimum is when you not only have the page width declared as a percentage, but you also have declared a minimum width for that page as a pixel value. For example, if you have the page set to 80% width, but don’t want it shrinking below 600px, you will set the minimum width to 600px. If the browser window is narrower than 600px, it will require horizontal scrolling.

  • Maximum is just the inverse of minimum. It allows you to set a maximum width for a flexible width page. In most flexible width websites, this is important as the content becomes difficult to read if the page gets too wide. Ever seen a Wikipedia article full-screen on a 27" iMac?

  • Min/Max allows you to set just the minimum width and maximum width for a page. In-between those values, the page will display just as a flexible-width page set to 100% would.

Unless you are using inline construction, fixed width is the only way to go. The other settings are for those of use who venture into the deep mists of responsive or flexible website design.

Frankly, I don’t even see why Softpress included that drop down in the inspector, as it’s essentially just a shortcut for the dimensions section of the inspector. Here’s a page set to 90% width with a max-width of 1200px in the dimensions area:

I hope that helps you!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Bless you, Caleb Grove!

—James


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options