수업에서 언급한바와 같이 1024*768을 기준으로 하는 경우가 대부분이며
이때 모든 종류의 브라우저에서 스크롤이 안생기는 영역에서 디자인이 되려며
상단의 브라우저 메뉴를 제외한 영역을 고려한 사이즈로 작업되어야 합니다.
849*507 을 기준으로 작업합니다
reference : http://www.designerstoolbox.com/designresources/safearea/compare/?PHPSESSID=404371441f30ebc39a52d2b901e571cd
이때 모든 종류의 브라우저에서 스크롤이 안생기는 영역에서 디자인이 되려며
상단의 브라우저 메뉴를 제외한 영역을 고려한 사이즈로 작업되어야 합니다.
849*507 을 기준으로 작업합니다
reference : http://www.designerstoolbox.com/designresources/safearea/compare/?PHPSESSID=404371441f30ebc39a52d2b901e571cd
Browser | Safe Area | Download File |
Mac OS X: Safari | 909 x 519 | Safari Window (.psd) |
Mac OS X: Firefox | 909 x 507 | Firefox Window (.psd) |
Windows Vista: IE | 849 x 621 | IE Window (.psd) |
Windows Vista: Firefox | 849 x 608 | Firefox Window (.psd) |
Windows XP: IE | 998 x 615 | IE Window (.psd) |
Windows XP: Firefox | 998 x 622 | Firefox Window (.psd) |
Safe area for all browsers | 849 x 507 |
Screen Resolution 800 x 600
Browser | Safe Area | Download File |
Mac OS X: Safari | 685 x 351 | Safari Window (.psd) |
Mac OS X: Firefox | 685 x 339 | Firefox Window (.psd) |
Windows Vista: IE | 625 x 453 | IE Window (.psd) |
Windows Vista: Firefox | 625 x 440 | Firefox Window (.psd) |
Windows XP: IE | 774 x 447 | IE Window (.psd) |
Windows XP: Firefox | 774 x 454 | Firefox Window (.psd) |
Safe area for all browsers | 625 x 339 |