interactive_design/web_2010_spring

웹디자인 : 브라우저에서 스크롤이 생기지 않는 화면 사이즈

jisunlee 2012. 6. 19. 15:02
수업에서 언급한바와 같이 1024*768을 기준으로 하는 경우가 대부분이며
이때 모든 종류의 브라우저에서 스크롤이 안생기는 영역에서 디자인이 되려며
상단의 브라우저 메뉴를 제외한 영역을 고려한 사이즈로 작업되어야 합니다.
849*507 을 기준으로 작업합니다

reference : http://www.designerstoolbox.com/designresources/safearea/compare/?PHPSESSID=404371441f30ebc39a52d2b901e571cd

Screen Resolution 1024 x 768

Browser Safe Area Download File
Mac OS X: Safari 909 x 519 download Safari Window (.psd)
Mac OS X: Firefox 909 x 507 download Firefox Window (.psd)
Windows Vista: IE 849 x 621 download IE Window (.psd)
Windows Vista: Firefox 849 x 608 download Firefox Window (.psd)
Windows XP: IE 998 x 615 download IE Window (.psd)
Windows XP: Firefox 998 x 622 download 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 download Safari Window (.psd)
Mac OS X: Firefox 685 x 339 download Firefox Window (.psd)
Windows Vista: IE 625 x 453 download IE Window (.psd)
Windows Vista: Firefox 625 x 440 download Firefox Window (.psd)
Windows XP: IE 774 x 447 download IE Window (.psd)
Windows XP: Firefox 774 x 454 download Firefox Window (.psd)
Safe area for all browsers 625 x 339