묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
본문 가로 길이 자동 조절.
2009.03.17 17:50
XE의 경우
전체 본문의 길이가 980px
Content에 해당하는 오른쪽 컬럼이 770px로 고정되어있습니다.
와이드 모니터를 사용하면 상당히 많은 부분을 쓸모없이 버리게 되고 또한 큰 이미지를 사용할 일이 많아서 가능하면 자동으로 조절이 되도록 하려고 합니다.
#BodyWrap을 99%로 맞추고
ContentBody도 99%
columnRight 를 margin:0px auto; 로설정을 하면 IE 6 에서는 문제가 없습니다.
IE7 에서는 일부 페이지는 최근 게시물 리스트가 왼쪽메뉴보다 아래로 밀리고 일부는 또 괜찮더군요.
하지만 파폭은 왼쪽 메뉴보다 아랫쪽으로 본문이 위치 하게됩다.
[ IE6]
----------------------------------------------------
상단메뉴
----------------------------------------------------
왼 | 최근문서 위젯 | 최근문서 위젯
쪽 |
메 | 최근문서 위젯 | 최근문서 위젯
뉴 |
--------------------------------------------------------
푸터
---------------------------------------------------------
[IE 7]
---------------------------------------------------------
상단메뉴
--------------------------------------------------------
왼 | 최근문서 위젯 |
쪽 |
메 | 최근문서 위젯 |
뉴 |
| | 최근문서 위젯
|
| | 최근문서 위젯
-------------------------------------------------------
푸터
--------------------------------------------------------
[FF]
-------------------------------------------------------
상단메뉴
-------------------------------------------------------
왼 |
쪽 |
메 |
뉴 |
----------------------------------------------------------
최근문서 위젯 | 최근문서 위젯
최근문서 위젯 | 최근문서 위젯
----------------------------------------------------------
푸터
----------------------------------------------------------
이렇게 나와 버립니다.
#columnRight { width:770px; float:right; overflow:hidden;}
를
#columnRight { margin:0px auto; float:right; overflow:hidden;}
이렇게 바꾼겁니다.
IE 6기준으로는 쉽게 적용이 가능한데
IE 7과 FF까지 모두 호환되도록 설정하려니 죽겠네요.
브라우저의 창 크기를 조절했을때 본문의 크기가 같이 유동적으로 조절되는게 목적입니다.
긴 문서를 볼때도 770px의 좁은 공간에서 문서를 보는 것보다는 1600px의 넓은 영역을 다 활용하는게 더 좋을 테니까요.
고수 분들의 조언 부탁드립니다.
전체 본문의 길이가 980px
Content에 해당하는 오른쪽 컬럼이 770px로 고정되어있습니다.
와이드 모니터를 사용하면 상당히 많은 부분을 쓸모없이 버리게 되고 또한 큰 이미지를 사용할 일이 많아서 가능하면 자동으로 조절이 되도록 하려고 합니다.
#BodyWrap을 99%로 맞추고
ContentBody도 99%
columnRight 를 margin:0px auto; 로설정을 하면 IE 6 에서는 문제가 없습니다.
IE7 에서는 일부 페이지는 최근 게시물 리스트가 왼쪽메뉴보다 아래로 밀리고 일부는 또 괜찮더군요.
하지만 파폭은 왼쪽 메뉴보다 아랫쪽으로 본문이 위치 하게됩다.
[ IE6]
----------------------------------------------------
상단메뉴
----------------------------------------------------
왼 | 최근문서 위젯 | 최근문서 위젯
쪽 |
메 | 최근문서 위젯 | 최근문서 위젯
뉴 |
--------------------------------------------------------
푸터
---------------------------------------------------------
[IE 7]
---------------------------------------------------------
상단메뉴
--------------------------------------------------------
왼 | 최근문서 위젯 |
쪽 |
메 | 최근문서 위젯 |
뉴 |
| | 최근문서 위젯
|
| | 최근문서 위젯
-------------------------------------------------------
푸터
--------------------------------------------------------
[FF]
-------------------------------------------------------
상단메뉴
-------------------------------------------------------
왼 |
쪽 |
메 |
뉴 |
----------------------------------------------------------
최근문서 위젯 | 최근문서 위젯
최근문서 위젯 | 최근문서 위젯
----------------------------------------------------------
푸터
----------------------------------------------------------
이렇게 나와 버립니다.
#columnRight { width:770px; float:right; overflow:hidden;}
를
#columnRight { margin:0px auto; float:right; overflow:hidden;}
이렇게 바꾼겁니다.
IE 6기준으로는 쉽게 적용이 가능한데
IE 7과 FF까지 모두 호환되도록 설정하려니 죽겠네요.
브라우저의 창 크기를 조절했을때 본문의 크기가 같이 유동적으로 조절되는게 목적입니다.
긴 문서를 볼때도 770px의 좁은 공간에서 문서를 보는 것보다는 1600px의 넓은 영역을 다 활용하는게 더 좋을 테니까요.
고수 분들의 조언 부탁드립니다.
댓글 0
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
눈꽃설잎 | 아이프레임으로 넛었는데 외부로그인 새창으로 띄우는 법좀; | |
Eris | 페이지(page) 배경색 검게 만드려면? [2] | 2011.03.09 by Eris |
msd | 젭알 도와주셈요-_-; [2] | 2011.03.09 by SeklutZ |
namsman | rss로 게시물 끌어올때 링크된 이미지도 불러올수없나요? [1] | 2011.03.09 by SeklutZ |
pororo | filezilla가 xe에 호스트 연결이 안되요 알려주세요 [3] | 2011.03.09 by 아아악내눈 |
먼산 | 제로보드 xe 초보자 질문입니다 [1] | 2011.03.08 by lol :) |
빠른물 | 페이지 이동시 주소가 예전 연결 주소로 바뀌어 버립니다. [1] | 2011.03.08 by lol :) |
kdhyeok | xe설치시에 퍼미션 불가능 [1] | 2011.03.08 by lol :) |
1243312 | 로그인에 관한 질문입니다. [1] | 2011.03.08 by SeklutZ |
ii눈물꽃ii | 회원가입이 안됩니다. [1] | 2011.03.08 by SeklutZ |
RGM | 도메인 연결 이후 쉬운설치가 안됩니다; [1] | 2011.03.08 by SeklutZ |
어민수913 | xe ftp로 권한설정 질문좀... [1] | 2011.03.08 by SeklutZ |
아아악내눈 | 본문내 이미지를 섬네일로 표시하는 팁?같은거 있나요? | |
쮸야282 | PHP.ini 이라는 파일은 어디있는건가요? [1] | 2011.03.08 by 공듀 |
은바가지 |
회원관리에서 에러 발생
[2]
![]() | 2011.03.08 by 공듀 |
등대602 | 레이어 깨지는 현상이 나타나는데요? [1] | 2011.03.08 by 아아악내눈 |
정창대 | 홈피가 맛이 가서요,, | |
동네의사 | 모바일웹에서 페이지 로딩 후 자동으로 주소창 위로 숨기기 [1] | 2011.03.08 by 머리 |
가시밭 | ㄴ문서 감소 오류ㄱ | |
BlogJh | 서버에 요청중입니다. 잠시만 기다려주세요. 반복... |