묻고답하기
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 남기남 |
히타케카카시 | 첨부파일 열기.... [1] | 2008.01.19 by 부우우 |
nihao | 조회수 증가문제 [2] | 2008.01.19 by 부우우 |
호남삼육 | 레이이웃이 망가져버립니다. 어떻게 해야 할까요, [4] | 2008.01.19 by 호남삼육 |
유정기512 | 도와주세요! 최근 이미지 썸네일 출력의 문제 [2] | 2008.01.19 by 유정기512 |
lovely랑 | db명이 바뀌는경우좀 도와주세요 | |
슈퍼맨~ | files 폴더 다른폴더로 지정할 수 있는지요? | |
서원준219 | 홈페이지의 게시판문제 [1] | 2008.01.19 by 백성찬 |
부우우 | 업로드 안 되네요. [1] | 2008.01.19 by 부우우 |
세이버스 | 최근게시물 새창열기에 관해.. | |
뺑두비쌈2 | 게시판에 내용중 링크를 클릭하면 새창으로 [1] | 2008.01.19 by Bighand |
Bighand | [질문] 게시판(영문) 제목줄이 정렬이 안되요. | |
켄라메딕 | 덧글에 위지윅에디터 기능에 대한 질문! [3] | 2008.01.19 by 백성찬 |
sahara | xml에 관한 질문입니다. | |
YooJa | 레이아웃 하고 다 완성 했는데요 .. [2] | 2008.01.19 by YooJa |
너른벌판 | 주소록 (회원명부)는 현재로 불가능한가요? | |
smico | 신규로 회원가입하면 보여지는 위젯은 없습니까? | |
이정숙911 | 아웃로그인 아이디패스찾기 [1] | 2008.01.19 by moonsoo |
hjpark | 메뉴 항목을 좌메뉴로 사용방법 [1] | 2008.01.20 by moonsoo |
조용선186 | 메뉴 정렬 문제입니다. [2] | 2008.01.20 by 조용선186 |
켄라메딕 | 제 xe의 홈이 열리지 않습니다. [1] | 2008.01.20 by moonsoo |