I would expect my layout to expand beyond the browser window width
when zoomed (either page zoom in IE or Opera or text zoom in any
browser), my layout width is em based and uses a little javascript
when the page is loading to change the text size so it automatically
fill the full browser window. If you increase your text size, zoom the
page or have a default text size greater than 16px  the page will
expand beyond your browser window.

Example your browser window is 1200px, my design is 60ems wide, the
javascript reads the browser width and calculates to fill the window
1em = 20px, the actual process is 1em for my design = 20*font
size(default is 16 px)/16.

So if you increase font or zoom size by 20%, the font size is now 24px
and the design width 1440px.

The problem with Jello layout or any other fluid design with IE7 (not
Opera) is that with page zoom, it expands or contracts the page in
place. If your browser window is 1200px and the design occuppies 100%
of the screen width, the the page is 1200px wide in IE7's opinion, so
if you zoom 20%, the page is now 1440px wide and a scroll bar appears.

Opera is smarter, it goes the page width is 100%, therefore with the
same example your page remains at 1200px wide and Opera redraws the
whole page with all other non-percentage based components (text,
images etc 20% bigger). Unlike IE which just expands or contracts the
page based on the original view.

Note, I have not played with IE7 that much, still on win2k at work and
mostly ubuntu & Os X elsewhere. But this is a common story around a
few sites in the past few days.

--
Nick Cowie
http://nickcowie.com


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to