Browser Widths
Since the dawn of time web designers have had to deal with screen resolution and the width of browsers. There’s nothing more annoying than unwanted horizontal scrollbars.
Below is a table of common browser inner-widths that i have created over time:
| Browser | Resolution | Inner width (px) |
|---|---|---|
| Firefox | 800×600 | 792 |
| IE 5+ Win | 800×600 | ~780 |
| IE 5 Mac | 800×600 | ~748 |
| IE 4.5 Mac | 800×600 | ~744 |
| Netscape 6+ Win | 800×600 | ~775 |
| Netscape 6.2 Mac | 800×600 | ~763 |
| Firefox | 1024×768 | 1016 |
| IE 5+ Win | 1024×768 | ~1004 |
| IE 5 Mac | 1024×768 | ~972 |
| IE 4.5 Mac | 1024×768 | ~968 |






For those of you who use Macromedia Dreamweaver, generic width/heights are available when you right click the bottom-right hand corner of the design view (where it tells you the page size). It should give you a nice quickset of basics. For more accurate, use the list above.
Comment by Cameron Manderson — March 24, 2006 @ 12:09 pm