WEB MEDIA SCHOOL session - 73 CANVAS SIZE After analyzing the numbers and taking the Office taskbar into account, we have a few recommendations based on different scenarios.
The table on this page shows the maximum canvas sizes you have at your disposal for each resolution. These measurements were taken with the browsers in their default states after installation &emdash; that is, with all toolbars showing. In our tests the Microsoft Windows taskbar at the bottom of PC screen was visible.
The horizontal size is what you can get with the browser window maximized on the screen. If the width gets any bigger, you'll get a horizontal scrollbar or your content won't be visible to users. The vertical size measures the amout of space "above the fold" &emdash; that is, what users can see without scrolling down.
Scenario
designed for
640x480
width
640x480
height
800x600
width
800x600
height
All browsers, both platforms (with MS Office taskbar)
557
270
717
390
All browsers, both platforms (with MS Office taskbar) &emdash; horizontal scrollbar showing or no right-hand offset in NN & IE
567
270
727
390
All browsers, both platforms (no MS Office taskbar)
563
270
723
390
All browsers, both platforms (no MS Office taskbar) &emdash; horizontal scrollbar and no right-hand offset in Mac IE 4.5
574
270
734
390
4.0+ browsers, PC platform (no MS Office taskbar)
600
275
760
395
Playing it safe means a relatively small canvas, but at least you'll be sure everyone can see your content! ... From Webmonkey
Music News Health History Sports Archaeology Geography College Courses
INDEX