홈페이지 해상도 크기 문제입니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

홈페이지 해상도 크기 문제입니다. 정보

홈페이지 해상도 크기 문제입니다.

본문

안녕하세요...가을바람이 유난히 따닷한 오전이네요
 음...홈페이지 제작시에 사용자층에 따라서 모니터 화면의 크기가 다...다르잖아요
 
15인치 이하는 640*480
 
15인치 모니터 크기에서는 800*600 이 적당하고
 
17인치 모니터 크기에서는 1024*768 적당하고
 
19인치 이상의 모니터 크기에선 1152*864//1280*1024 //1600*1200//1600*1280//1400*1050
 
21인치도 19인치 크기랑 비슷하겠죵!!
 
한예로 네이버(www.naver.com) 같은 경우는
 
15인치의 컴터 화면에서 보아도 전체적인 화면이 중앙정렬이고
19인치이상의 컴터 화면에서 보아도 전체적인 화면이 중앙정렬로 보입니다.
 
이런게 사용자층의 모니터 해상도가 각기 다르니..
사용자를 배려한 제작이라도 생각합니다.
 

예를 들어 저해상도(=15인치)에서 전체화면이 꽉차 보이고..
고해상도(17인치,19인치이상)에서는 중앙에 정렬이 된것 처럼
보이게 할수 있는지요.좌측에 치우침이 없이 하려면요?
 
해상도에 따라 같은 위치에 보이게 하려면 위 테이블크기만 조정하면
될까요? 
 
해상도를 1024*768을 기준으로 제작된 홈페이지 이었을때
<table id="Table_01" width="1005" height="600" border="0" cellpadding="0" cellspacing="0">
 
이케 테이블하면 800*600의 해상도를 가진 모니터로 보면 홈페이지가 짤려 보이고
1152*864이상의 해상도에서는 왼쪽으로 치우쳐 보입니다.

그리고
처음 홈페이지 제작시에 1024*768 에 맞추어서 제작하나요?
 

 
 
  • 복사

댓글 전체

플록 자기소개 아이디로 검색 회원게시물 06.09.14 12:31:31
해상도에 따른 별도 페이지를 만드는 것이 아니라면,
기준 해상도를 정한후,,
기본적인 레이아웃을 유지할수 있는 최소 너비와
무한정 늘어나지 않도록 최대 너비를 제어하는 선에서 적당히,,,

이걸 참조해 보세요.

    스타일 시트에,,,,
    /*가변 테이블*/
    #fwidth, .fwidth
    {
      width:expression(
        document.body.clientWidth <= 930 || document.body.clientWidth >= 990
        ? (document.body.clientWidth <= 930 ? '930px' : '100%' )
        : '100%'
      );
      width:100%; min-width:930px; max-width:100%; /*** Mozilla ***/
    }


    적용은
    <div id="fwidth">
    <table width='100%'>~~~~~~~</table>
    </div>

    또는
    <table ~~~~~~~~~ id='fwidth'>~~~~~~
번개 자기소개 아이디로 검색 회원게시물 06.09.14 14:32:02
플록님 답변 고맙습니다.^^*

테이블 크기 소스중에서
width와 height부분을 %단위로 고치면.....
해상도에 따른 화면의 전체크기에 대한 일정비율로 보일수 있겠네요
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로