A Complete Guide to Web Design

18 Chapter 2 – Designing for a Variety of Displays

Dealing with Unknown Monitor Resolutions

Web Design in a Nutshell, eMatter Edition

Table 2-4: Live area in Netscape Navigator 4.0 on Macintosh

Monitor Resolution Minimum Live Space Maximum Live Space

640 × 480 602 × 313 617 × 402

832 × 624 794 × 457 809 × 546

1024 × 768 986 × 601 1001 × 601

1152 × 870 1114 × 703 1129 × 792

1280 × 960 1242 × 793 1257 × 882

1280 × 1024 1242 × 857 1257 × 946

Table 2-5: Internet Explorer 4.0 on Macintosh

Monitor Resolution Minimum Live Space Maximum Live Space

640 × 480 612 × 315 627 × 431

832 × 624 804 × 459 819 × 575

1024 × 768 996 × 603 1011 × 719

1152 × 870 1124 × 705 1139 × 821

1280 × 960 1252 × 795 1267 × 911

1280 × 1024 1252 × 859 1267 × 975

left edge = 11 px right edge = 12 px left edge = 11 px right edge = 12 px

Maximum Live Space

Apple OS8.x Menu (20 pixels)

Minimum Live Space

vertical scrollbar = 15 px

horizontal scrollbar = 15 px

Navigator Title Bar (22 pixels)

Status Bar (36 pixels)

Buttons (text & icons), Location (74 pixels)

left edge = 6 px right edge = 7 px left edge = 6 px right edge = 7 px

Maximum Live Space

Apple OS8.x Menu (20 pixels)

Minimum Live Space

vertical scrollbar = 12 px

horizontal scrollbar = 12 px

IE Title Bar (22 pixels)

Status Bar (15 pixels)

Buttons (text & icons), Address, Favorites (86 pixels)

bottom edge = 7 px bottom edge = 7 px