묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
table-layout:fixed 문제(게시판)
2008.06.07 20:41
제로보드 기본 게시판에 table-layout:fixed가 적용됐죠.
근데 이게 div에 스크롤바 적용 시 IE6.0과 FF에서 다르게 작동하더라구요.
아래 예를 보세요.
FF에서는 width:100%에 table-layout:fixed가 적용되어도 스크롤바가 제 영역 안에서 자리를 차지하는데요.
IE6.0에서는 width:100%가 스크롤바영역을 남겨두지 않더라구요. 그래서 스크롤바가 그 옆에 생기고..
rightcolumn 부분이 그림과 같이 아래로 밀리내요.
그렇다고 width:90% 이런식으로 변경하면..스크롤바가 IE6.0에서는 제 영역 안으로 들어오겠지만..
FF에서는 테이블과 스크롤바 사이에 그만큼 여백이 생겨버리네요.
이거 IE6.0에서도 FF처럼 table에 적용된 width:100%가 스크롤바영역은 남겨두게하는 방법 없을까요?
도움 부탁드립니다.
<파이어폭스> <IE6.0>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<!--%import("css/test.css")-->
<div id="wrap">
<div id="top"></div>
<div id="bottom">
<div id="left">
<table class="test"><tr><td>
동해물과 백두산
</td></tr></table>
</div>
<div id="right"></div>
</div>
</div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#wrap {width:400px; height:200px; background-color:#000000; margin:0; padding:0; border:none;}
#top {width:400px; height:100px; background-color:#3300ff;}
#left {float:left; width:200px; height:100px; background-color:#ffffcc; overflow-y:scroll; }
#right {float:right; width:200px; height:100px; background-color:#ffcccc;}
.test {width:100%; table-layout:fixed;}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
근데 이게 div에 스크롤바 적용 시 IE6.0과 FF에서 다르게 작동하더라구요.
아래 예를 보세요.
FF에서는 width:100%에 table-layout:fixed가 적용되어도 스크롤바가 제 영역 안에서 자리를 차지하는데요.
IE6.0에서는 width:100%가 스크롤바영역을 남겨두지 않더라구요. 그래서 스크롤바가 그 옆에 생기고..
rightcolumn 부분이 그림과 같이 아래로 밀리내요.
그렇다고 width:90% 이런식으로 변경하면..스크롤바가 IE6.0에서는 제 영역 안으로 들어오겠지만..
FF에서는 테이블과 스크롤바 사이에 그만큼 여백이 생겨버리네요.
이거 IE6.0에서도 FF처럼 table에 적용된 width:100%가 스크롤바영역은 남겨두게하는 방법 없을까요?
도움 부탁드립니다.
<파이어폭스> <IE6.0>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<!--%import("css/test.css")-->
<div id="wrap">
<div id="top"></div>
<div id="bottom">
<div id="left">
<table class="test"><tr><td>
동해물과 백두산
</td></tr></table>
</div>
<div id="right"></div>
</div>
</div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#wrap {width:400px; height:200px; background-color:#000000; margin:0; padding:0; border:none;}
#top {width:400px; height:100px; background-color:#3300ff;}
#left {float:left; width:200px; height:100px; background-color:#ffffcc; overflow-y:scroll; }
#right {float:right; width:200px; height:100px; background-color:#ffcccc;}
.test {width:100%; table-layout:fixed;}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
댓글 0
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
장낙중 | 0.2.9 (수정#3) 파일첨부 에러문제 [4] | 2008.06.07 by alicialee |
이원형729 | DB 응답이 느리답니다. | |
김선근 | 댓글 있는 글 열람 불가에 관해서 [2] | 2008.06.07 by 김선근 |
탑심 | 스크롤바 항상 생기게... | |
김형석549 | mysql 5에서 mysql 4를 사용중인 서버로 이전하는데 회원정보 중 암호처리가 안됩니다. [1] | 2008.06.07 by 老姜君 |
유우타 | zbxe 기본스킨 목록 갤러리로 볼때 썸네일 중앙정렬.. [2] | 2008.06.07 by 유우타 |
김경준514 | 급질 입니다. 고수님들 답변 부탁요~ [5] | 2008.06.07 by 백성찬 |
건즈 | 페이지 편집 결과가 ie랑 ff에 따라 너무 달라요. [2] | 2008.06.07 by 건즈 |
건즈 | 쪽지가 와도 띵똥거리지 않아요.. [5] [1] | 2008.06.08 by 건즈 |
이가우 | 회원관리, 홈페이지주소 검색항목 추가 문의 | |
Darkghost | table-layout:fixed 문제(게시판) | |
끙까 | 갑자기 로그인이 안되서 답답해요ㅜㅜ 도와주세요~ | |
이형구704 | 레이아웃 좌측 (로그인창 들어가는곳) 공간 크기변경 방법 문의 [1] | 2008.06.07 by 탑심 |
그루비스트 | 제로보드xe 게시판만 사용가능한가요?? [1] | 2008.06.07 by 띵야 |
bes | 신청서 만들기 응용 확장 [2] | 2008.06.08 by bes |
진선님앙 | putty할때 질문 이 있어요ㅠㅠ [1] | 2008.06.08 by 백성찬 |
써니 | 첨부된 이미지파일을 특정위치에 출력하는 법을.... [2] | 2008.06.08 by 써니~** |
BOGO | 게시판 이미지 리사이즈 않되는 이유. [2] | 2008.06.08 by BOGO |
산사람 | 업그레이드 [1] | 2008.06.08 by 구체적 |
지우개님 | 왼쪽에 서브 메뉴 나오 잖아여.. 어떻게 설정 하죠 [3] | 2008.06.08 by 띵야 |