Philipe, Thank you. > > And that is exactly how CSS is designed to work. You outer boxes (static, > inflow boxes) are as wide as the viewport,
OK, I fully get it now. This is the first layout I ever did that goes beyond 980px (thus the cut off part is not something I saw before in iPad/iPhone), then there were confusion on viewport, device width and expectation on how iOS Safari "downsize" works. Still I have one question: you mentioned 100% for outer divs are not necessary - but this is what I thought how iOS Safari "downsize" works, that it shrinks everything inside the 100% to viewport size, meaning the 100% width for outer box is the starting point for the browser to calculate the content within, so the 1014 is not the 1014 but in relation to the width of the outer box. If my outer box has a width of 95%, the 1014px will be calculated based on the 95%. Also, if it can't downsize correctly due to Pixel not being relative unit, should we not expect it will downsize to viewport if relative unit declare? But I don't see this happening. > and don't expand because one inner container is set to be wider. Instead, the > wider box will overflow (on a desktop browser, you'll see a horizontal > scrollbar). The viewport is similarly just a static, inflow block box that > won't expand because the content is wider. > > [1] here is an absolutely minimal reduction of your page: > http://dev.l-c-n.com/_temp/tee2.html > Open in any recent desktop browser, and scroll to the right, look at the > background-colors. ) I assume your desktop monitor is less than 4000px wide > (or that your browser window is not full screen) … I didn't try to narrow the desktop browser window until this email of yours arrived. The first reply of your, didn't arrived at my desktop computer but iPad's Mail, and I forgot to check it the next day from desktop's browser. I can see it clearly the background images got cut off when the window is narrower than 1014px. > > Another test case: you don't expect the lime green box to expand, do you ? > http://dev.l-c-n.com/_temp/tee3.html The two examples' structure where widths are concerned in the divs' order are not quite the same as mine but you made the point. No, I don't. The overflow:hidden that I use so very often has fooled me thinking what I always saw is the correct browser behavior :) tee > > Philippe > -- > Philippe Wittenbergh > http://l-c-n.com/ > > > > ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
