Re: [WSG] question about max-width's behaviour
What are you putting the max-width declaration on? a div for example? adam On Nov 22, 2007 9:17 AM, Tee G. Peng [EMAIL PROTECTED] 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. Am I missing somthing? I tried setting a max-width of 1024px and 60em width , it doesn't work, my test shows that FF and Safari ignore the max-width. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- - http://myfitness.ning.com A community of people that care about their health and fitness Free fitness videos, recipes, blogs, photos etc. -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] question about max-width's behaviour
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. This is because em is a measuring unit relative to the font size of the page, so as you increase the font size, the size of 1 em increases as well, and therefore your max-width of 60em gets larger and larger. 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. Am I missing somthing? I tried setting a max-width of 1024px and 60em width , it doesn't work, my test shows that FF and Safari ignore the max-width. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] question about max-width's behaviour
On Nov 21, 2007, at 3:30 PM, Adam Martin wrote:
What are you putting the max-width declaration on? a div for example?
adam
I have something like this right now:
#wrapper {max-width: 60em; min-width: 600px;margin:0 auto; }
#container, #btm_wrap { margin:0 auto;position:relative;text-
align:left;}
It was this:
#wrapper {width: 100%}
#container, #btm_wrap { margin:0 auto;position:relative;text-
align:left;max-width: 60em; min-width: 600px;}
div id=wrapper
div id=container.../div
/div
div id=btm_wrap.../div
None of them changes anything, even with the #wrapper div removed
(which I just realized can be safely removed)
This site uses min/max width and the behaviour I see is the same as
mine.
tee
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] question about max-width's behaviour
On Nov 21, 2007, at 5:02 PM, Jermayn Parker wrote: good example of this is: http://www.456bereastreet.com/ It behaves the same as mine as well as the think vitamine. This is because em is a measuring unit relative to the font size of the page, so as you increase the font size, the size of 1 em increases as well, and therefore your max-width of 60em gets larger and larger. I DO understand this. Perhaps what I don't understand is the max- width concept. I thought 'max' means there is a limitation regardless what condition a page is, and I thought this 'limitation' should include the 'em' unit. The purpose of max-width loses if it can't overruled the em's behavior. Do I making myself clear or stupid? :) tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] question about max-width's behaviour
good example of this is: http://www.456bereastreet.com/ [EMAIL PROTECTED] 22/11/2007 9:53:08 am 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. This is because em is a measuring unit relative to the font size of the page, so as you increase the font size, the size of 1 em increases as well, and therefore your max-width of 60em gets larger and larger. 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. Am I missing somthing? I tried setting a max-width of 1024px and 60em width , it doesn't work, my test shows that FF and Safari ignore the max-width. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ** The above message has been scanned and meets the Insurance Commission of Western Australia's Email security requirements for inbound transmission. ** The above message has been scanned and meets the Insurance Commission of Western Australia's Email security policy requirements for outbound transmission. This email (facsimile) and any attachments may be confidential and privileged. If you are not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this email (facsimile) is strictly prohibited. If you have received this email (facsimile) in error please contact the Insurance Commission. Web: www.icwa.wa.gov.au Phone: +61 08 9264 * *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] question about max-width's behaviour
I have something like this right now:
#wrapper {max-width: 60em; min-width: 600px;margin:0 auto; }
#container, #btm_wrap { margin:0 auto;position:relative;text-align:left;}
It was this:
#wrapper {width: 100%}
#container, #btm_wrap { margin:0
auto;position:relative;text-align:left;max-width: 60em; min-width:
600px;}
div id=wrapper
div id=container.../div
/div
div id=btm_wrap.../div
None of them changes anything, even with the #wrapper div removed
(which I just realized can be safely removed)
This site uses min/max width and the behaviour I see is the same as mine.
tee
Nothing exists that can not be broken.
http://www.chelseacreekstudio.com/ca/cssd/min-max.html
Best,
~dL
http://chelseacreekstudio.com/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] question about max-width's behaviour
On Nov 21, 2007, at 5:05 PM, David Laakso wrote: This site uses min/max width and the behaviour I see is the same as mine. Oops, forgot to post the url in my previous post. http://www.thinkvitamin.com/ (one of the best layout I even seen!) tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] question about max-width's behaviour
The purpose of max-width loses if it can't overruled the ems behavior. It's not a case of max-width overruling ems. Ems is related to font-size which is why it's used for fluid/elastic layouts - it's *supposed* to increase as you increase the text size. If you don't want your layout to expand past a certain fixed size, then you should be using a pixel value, and not ems. -- Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] question about max-width's behaviour
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] ***
