묻고답하기
하단에 공백이 왜 생기는 걸까요;;
2010.08.09 12:35
이번에 제가 레이아웃을 만들어서 리뉴얼을 했는데요.
하단에 공백이 생기네요. 암만봐도 문제가 없어보이는데요...
http://present-box.kr/ : 홈페이지 주소
근데 ie6,7으로 들어가면 여백이 없네요...;;
css파일입니다.
/* Site Layout - Body Wrap */
#bodyWrap { position:relative; margin:0 auto; width:800px; }
/* Site Layout - Header */
#header { position:relative; width:800px; height:260px; z-index:1; background:url(../images/top.gif) no-repeat;}
#header h1 { position:absolute; top:70px; left:400px;}
#loginBox { position:absolute; float:left; }
#new { position:absolute; top:215px; left:360px; width:440px; height:30px; }
#ribbon { position:relative; top:115px; left:85px; width:280px; height:240px; z-index:99; }
#isSearch { position:absolute; width:160px; right:2px; top:3px; }
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; right:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/default/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff; line-height:normal;}
*:first-child+html #isSearch .checked { top:1px; }
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #919898; background:#536c6d;}
#isSearch ul li { width:67px; height:18px; list-style:none; }
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff;}
#isSearch ul li label.on { background:#455a5b; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#455a5b;}
#isSearch .inputText { vertical-align:middle; position:relative; top:0; left:1px; padding:3px 3px 1px 3px; width:109px; height:12px; color:#999; border:1px solid #ddd; background-color:#fff; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { }
*:first-child+html body#default #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; }
*:first-child+html body#default #isSearch .submit { position:relative; top:-1px;}
/* Site Layout - Content Body */
#contentBody {position:relative; width:800px; background:url(../images/r_bg.gif)undefinedundefined;}
#columnleft {position:absolute; width:200px;}
/* Site Layout - Column Right */
#columnRight {position:relative; width:560px; left:240px;}
#content { width:100%; }
#chatting {width:0px; height:0px;}
/* Site Layout - Footer */
#footer { margin:0; text-align:center; clear:both; background:transparent; }
#footer li { display:inline; background:url(../images/white/vrType1.gif) no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { color:#777; font:11px; text-decoration:none;}
#footer li address { display:inline; color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; }
#menuBox,
#menuBox ul,
#menuBox li { list-style:none; margin:0; padding:0; }
#menuBox { color:#5c5e5a; }
#menuBox li.menuItem { }
#menuBox li.menuItem a.menuText { position:relative; background:url(); margin:3px 0; width:90%; display:inline-block; cursor:pointer; text-decoration:none; color:#555; font:bold 14px Tahoma, Geneva, Arial; padding:1px 3px;}
#menuBox li.menuItem a.menuText:hover { background:#f5ebda; color:#b94e34; }
#menuBox li.itemSelect a.menuText{ color:#8fb30d !important; background:#f5ebda !important;}
#lnb li a{ position:relative; z-index:99; background:url(); border-bottom:1px solid #aaa; padding:1px 2px; width:83%; margin:2px 0 2px 10px; font:bold 12px Georgia; color:#5c5e5a; text-decoration:none; display:inline-block;}
#lnb li a.on { color:#8fb30d !important; background:#f5ebda url(../images/more.gif) no-repeat right center !important;}
#lnb li a:hover { background:#f5ebda; color:#b94e34; }
/* White Skin - End */
도와주세요;;
댓글 1
-
Song.
2010.08.09 13:10
제가 소스는 잘 몰라서 답변으로는 적지 않습니다만 직관적으로 봣을때 오른쪽 가가 채팅쪽 높이가 너무 커서 생기는거 같습니다. 스크롤바가 생기는거도 좀 손보셔야 할거 같습니다.