Tee G. Peng wrote:
I thought max-width tells the browser: This is the limit of the
width you can expand, regardless how big the screen is.
But my testing shows that, with a max-width of 60em, a 1680px wide
monitor, when a browser is opened in full screen, with fontsize
increases, the page just continued expanding until it reaches 1680px
full screen. If I drag the screen to the second monitor, it keeps
expanding. If I make the screen smaller to 900px, then expansion
stop there.
You're describing how a "conditional elastic" layout works, in that it
will expand to a max-width of 60em (which increases with font size), as
long as it's within the width of the browser-window and larger than a
min-width of 900px.
You can keep on increasing font size and the max-width will grow with
it. The 'width: 100%' is keeping it within the browser-window.
The <http://www.thinkvitamin.com/> is a bit weak in that it has fixed
height on some elements, which causes overlapping when font size is
increased a bit. Otherwise it's a typical "conditional elastic" layout.
Here's a simpler example...
<http://www.gunlaug.no/tos/moa_12a.html>
regards
Georg
--
http://www.gunlaug.no
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************