묻고답하기
컨텐츠부분이이상해요
2010.02.06 18:25
xe컨텐츠부분이이상해요
IE6,5 외에는 자아아알 나오기만하는데
IE5,6 에서는 컨텐츠부분이 쭉내려가잇습니다.
무엇이 원인인지좀 찾아주세요..
http://www.nuclear-launched-detected.pe.kr/community_main
똑같은걸 왼쪽,오른쪽 뒤집은건 잘나오는데;;
-************** css ************-
@charset "utf-8";
/*
webmini (http://www.webmini.net/)
webmini@webmini.net
Kim, Tae Kyung
*/
/* Site Layout - Body Wrap */
* {margin:0; padding:0;}
body {background:#fff;font-family:맑은 고딕;}
#bodyWrap {position:relative; width:880px; margin:0 auto; padding:0; border:0;}
.bul {margin:0 0 2px 0;vertical-align:middle;}
/* Site link style */
a:link {color:#555555; text-decoration:none;}
a:visited {color:#555555; text-decoration:none;}
a:hover {color:#555555; text-decoration:none;}
a:active {color:#555555; text-decoration:none ;}
/* Site Layout - Header */
#header {position:relative; width:880px; height:172px; background:url(../images/default/bgHeader.gif) no-repeat right bottom; margin-bottom:10px; z-index:99;}
#header h1 {position:absolute; top:48px; left:15px;}
#language {position:absolute; top:47px; right:55px; z-index:100; width:145px; height:19px; padding:1px 0 0 0; text-align:center;}
*html #language {height:17px; padding:3px 0 0 0;}
#language strong {color:#091A53; font:.75em 맑은 고딕; margin:0 3px 0 0;}
#language a img {vertical-align:-5px ;}
#language ul {position:absolute; top:19px; right:25px; display:none; border:1px solid #d9d9d9; background:#fff;}
#language ul li {list-style:none;}
#language ul li a {display:block; width:61px; padding:3px 5px; font:9px 맑은 고딕; color:#5c5c5c; text-decoration:none;}
#language ul li a:hover {background:#f4f4f4;}
#it_search_form {position:absolute; top:72px; right:15px;}
#it_search_form .input {border:1px solid #d9d9d9; height:17px; width:120px; color:#888888; font-size:.9em;}
#it_search_form .submit_button {width:1px; height:1px; visibility:hidden;}
#mini_gnb {position:relative; margin:0; text-align:right;}
#mini_gnb ul {padding:4px 15px 0 0;}
#mini_gnb li {display:inline; list-style:none; padding:0 1px 0 4px; font-size:11px; white-space:nowrap;}
#mini_gnb li.bar {color:#bbb;}
#mini_gnb li.pointer {cursor:pointer;}
#mini_gnb li strong {color:#555;}
#mini_gnb li a {color:#555; letter-spacing:-1px;}
#mini_gnb li a:hover {color:#555; text-decoration:none;}
#mini_gnb #minimenu1 {display:none; position:absolute; top:18px; right:14px; z-index:999;}
#mini_gnb #minimenu1 ul {padding:3px 2px 2px 2px; border:1px solid #ccc; background:#fff; font-size:11px; text-align:center; letter-spacing:-1px; white-space:nowrap;}
#mini_gnb #minimenu1 li {display:inline; list-style:none; padding:0 3px; color:#888;}
#mini_gnb #minimenu1 li a {color:#666; letter-spacing:-1px;}
#mini_gnb #minimenu1 li a:hover {color:#2AB42E; text-decoration:none;}
#gnb {position:absolute; top:109px; left:15px; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li {display:inline; list-style:none; float:left; background:url(../images/default/bgGnbVr.gif) no-repeat left center; padding-left:1px; position:relative; left:-2px; white-space:nowrap; line-height:16px;}
#gnb li a {display:block; float:left; padding:11px 15px 2px 15px; height:25px; color:#091A53; white-space:nowrap; text-decoration:none; font-family:맑은 고딕; }
#gnb li a:hover,
#gnb li a:focus {color:#2AB42E; }
#gnb li.on a {font-weight:bold; color:#2AB42E; }
#gnb li.on a:hover {font-weight:bold; color:#2AB42E; }
#gnb2 {position:absolute; top:143px; left:0; height:30px; padding:0 10px; white-space:nowrap; margin-bottom:0;}
#gnb2 li {float:left; list-style:none; background:url(../images/default/bgGnb2Vr.gif) no-repeat left center; padding-left:2px; position:relative; left:0; white-space:nowrap; line-height:16px;}
#gnb2 li a {display:block; float:left; padding:8px 10px 2px 10px; height:23px; color:#666; font-size:11px; white-space:nowrap; text-decoration:none;}
#gnb2 li a:hover,
#gnb2 li a:focus {color:#2AB42E;}
#gnb2 li.on a {color:#2AB42E; font-weight:bold; letter-spacing:-1px;}
#isSearch {position:absolute; top:57px; left:280px; width:358px; padding:5px 5px 0 5px; background:#fff; border:5px solid #2AB42E; text-align:right;}
#isSearch .searchOrder {display:none;}
#isSearch .checked {position:absolute; left:5px; top:4px; text-align:left; display:block; padding:3px 0 0 5px; width:125px; height:14px; background:url(../images/default/bgSearchTerm.gif) no-repeat; font:11px 맑은 고딕; color:#5c5c5c; line-height:normal;}
#isSearch ul {display:none; position:absolute; left:0; top:25px; padding:2px 0 3px 0; text-align:left; border:1px solid #b2b2b2; background:#ffffff; overflow:hidden;}
#isSearch ul li {width:123px; height:18px; list-style:none;}
#isSearch ul li input {display:none;}
#isSearch ul li label {display:block; padding:4px 0 0 4px; width:125px; height:15px; font:11px 맑은 고딕; color:#5c5c5c;}
#isSearch ul li label.on {background:#ededed;}
#isSearch ul li label:hover,
#isSearch ul li label:focus {background:#ededed;}
#isSearch .inputText {vertical-align:middle; position:relative; top:-3px; right:51px; margin:0; padding:4px 8px 1px 3px; width:164px; color:#5c5c5c; border:0; font:12px 맑은 고딕;}
*html #isSearch .inputText {padding:4px 8px 2px 3px;}
*+html #isSearch .inputText {padding:4px 8px 2px 3px;}
#isSearch .inputText:hover,
#isSearch .inputText:focus {background:#fff;}
#isSearch .submit {vertical-align:middle; position:absolute; top:3px; right:5px;}
#googleSearch {position:absolute; top:50px; left:653px; color:#768dd3; font-size:11px; font-weight:bold; letter-spacing:-1px;}
#googleSearch li {display:inline; list-style:none; margin-left:10px; padding-left:6px;background:url(../images/default/bul_search.gif) no-repeat left center;}
#googleSearch a, a:hover, a:focus {color:#768dd3; text-decoration:none;}
#bgcolor {position:absolute; top:72px; right:15px; z-index:99; width:145px; height:10px;}
*html #bgcolor {position:absolute; top:67px;}
*+html #bgcolor {position:absolute; top:67px;}
#bgcolor input {cursor:pointer;}
#bgcolor ul {margin:0; text-align:left;}
#bgcolor li {display:inline; list-style:none; padding:0;}
#bgcolor .bg1 {width:10px; height:10px; border:1px solid #dedede; background:#fff;}
#bgcolor .bg2 {width:10px; height:10px; border:1px solid #dedede; background:#faf7e9;}
#bgcolor .bg3 {width:10px; height:10px; border:1px solid #dedede; background:#fef3f0;}
#bgcolor .bg4 {width:10px; height:10px; border:1px solid #dedede; background:#f4f4f4;}
#bgcolor .bg5 {width:10px; height:10px; border:1px solid #dedede; background:#f0f3f9;}
/* Site Layout - Content Body */
#contentBody {position:relative; width:880px; padding-bottom:20px; overflow:hidden; background:url(../images/default/bgContentBody.gif) repeat-y left top; background-color:#ffffff; border-bottom:1px solid #ffffff;}
/* Site Layout - Column Right */
#columnRight {float:right; width:670px; overflow:hidden;}
#visualArea {width:670px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content {width:100%; overflow:hidden ;}
/* Site Layout - Column Left */
#columnLeft {position:relative; width:200px; float:left;}
#columnLeft .mask {width:200px; height:5px; background:#ffffff; display:block;}
#lnbWrap {margin:5px 0 0 0; padding:0;}
#lnbWrap img {display: block;}
#lnb {padding:0 15px; width:200px; repeat-y; font-size:.9em;}
#lnb li {list-style:none; line-height:16px;}
#lnb li a {position:relative; z-index:99; display:block; padding:5px 10px 5px 25px; width:135px; border-bottom:1px solid #eeeeee; background:url(../images/default/smBul.gif) 5px no-repeat; color:#555555; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus {background-color:#faf9f8; color:#2AB42E;}
#lnb li.on a {background:#faf9f8 url(../images/default/smBulon.gif) 5px no-repeat; color:#2AB42E; font-weight:bold; letter-spacing:-1px;}
#lnb li.on a:hover,
#lnb li.on a:focus {color:#2AB42E;}
#lnb li ul {display:none; position:relative; padding:0; width:200px;}
#lnb li.on ul {display:block;}
#lnb li ul li {position:relative; top:0;}
#lnb li ul li a {width:130px; background:url(../images/default/submenulist.gif) 12px 7px no-repeat !important; padding:5px 10px 5px 30px; color:#666 !important; font-weight:normal !important; letter-spacing:normal !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus {color:#2AB42E !important;}
#lnb li.on ul li.on a {color:#2AB42E !important; font-weight:bold !important;}
/* Site Layout - Footer */
#footer{clear:both; padding:10px 0 20px 0; border-top:1px solid #e1e1e1; text-align:center;}
#footer a{text-decoration:none; color:#666;}
#footer a:visited{text-decoration:none; color:#666;}
#footer a:hover{text-decoration:none;}
#footer ul{margin:0 0 14px 0;}
#footer ul li{display:inline; position:relative; padding:0 1px 0 6px; font-size:11px; white-space:nowrap; background:url(../images/default/line_v_footer.gif) no-repeat 0 0; line-height:16px;}
#footer ul a{letter-spacing:-1px;}
#footer p{margin:-8px 0 14px 0; font-size:11px; line-height:16px; color:#aaa; letter-spacing:-1px;}
#footer address{margin:0 14px 0 0; font:9px 맑은 고딕;}
#footer address a {color:#6B7BB3 !important; font:bold 9px 맑은 고딕; text-decoration:none;}
#footer address a:hover,
#footer address a:focus {font:bold 9px 맑은 고딕; color:#6B7BB3;}
/* Google AD */
#google {margin:10px 0 10px 0; padding:10px; border:2px solid #d3daec; text-align:center;}
#google_link {margin:10px 0 10px 0; padding:10px; border:5px solid #e7e6e2;}
/* Validator */
#validator p {margin-top:10px; text-align:center;}
/* Rss */
#rsswrap {margin:10px 0;text-align:center;}
.rss_icon {background: url(../images/default/btn_rss.gif) left 50% no-repeat; margin-top: 10px; padding: .1em 0 .1em 20px; font: 0.9em/2 맑은 고딕; color: #999;}
/* lemonpen */
#lemonpen {margin:10px 0 10xp 0;}
#lemonpen h3 {font-size:12px;}
/* Tag Cloud */
#tag_cloud {margin:0;}
/* Wzd W */
#wzd_w {margin:5px 0 5px 0; text-align:center;}
/* Counter */
#counter {margin:10px 0 5px 0; padding:0; border:1px solid #DEDEDE;}
/* poll */
#poll {margin:10px 0 10px 0; padding:10px; border:1px solid #DEDEDE;}
/* Clock */
#clock {margin:10px 0; border:1px solid #DEDEDE;}
/* Bloglink */
#bloglink {margin:10px 0;}
----------------***********------------------
댓글 1
-
파파민
2010.02.06 23:50
-
파파민
2010.02.07 10:26
#columnRight {float:right; width:670px; overflow:hiden; } width 크기를 몇 픽셀만 줄이면 될 것 같습니다. -
뉴클리어
2010.02.07 19:39
그냥 바디를 늘리면 되겠죠? ㅡ.ㅡ;; 670px 에 딱 막게설정한 컨텐츠가 많아서요.
IE6에서만 나오는 현상일 때..
우측 폭을 픽셀로 강제로 지정해 주십시오. 현재표현되는 실제 크기보다 약간 작게하면 될 것 입니다.
제 경험으론 %는 다른 문제를 야기하던데 기억이 나질 않네요. ^^;;