묻고답하기
CSS 한번봐주세요.. IE6에서 right 부분이 아래로 밀립니다..
2010.03.27 22:13
left | center | right 에서 IE6.0 에서는 right 부분이 자꾸 아래쪽으로 내려갑니다..
즉, left | center |
right
이렇게 보이는데요... 레이아웃파일에서 html 파일과 CSS를 봐도 왜그런지 잘 모르겠네요.. 사용중인 레이아웃 CSS 입니다.
@charset "utf-8";
* {margin:0; padding:0;}
#bodyWrap {width:100%; height:100%;}
#bodyWrap2 {position:relative; width:980px; margin:0 auto;}
.line {width:980px; height:30px; border-top:3px solid #262626; _margin-bottom:-7px;}
.maskL {width:200px; height:5px; background:#ffffff; display:block;}
.maskR {width:180px; height:5px; background:#ffffff; display:block;}
#top {position:relative; width:980px; padding:2px 0 0; background:#E5E5E5; margin-bottom:15px; z-index:1004;}
#top .menu {position:absolute; float:right; top:2px; right:5px;}
#top .menu li {display:inline; padding:0 .2em 0 .5em; background:url(../images/vrType1.gif) no-repeat left center;}
#top .menu li.first-child {background:none;}
#top .menu li a {text-decoration:none; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#666666;}
#top .menu li a:hover,
#top .menu li a:focus {color:#000000; text-decoration:underline;}
#header {position:relative; width:980px}
#header .logo {margin-bottom:5px;}
#mainMenu {position:relative; height:30px; background:#4B4B4B;}
#mainMenu .login {position:absolute; top:-30px; right:0;}
#mainMenu {position:relative; z-index:1000; margin:0; padding:0;}
#mainMenu li {position:relative; float:left; font-size:12px; font-size:12px; font-weight:bold; list-style:none;}
#mainMenu li.on .menu1st {font-weight:bold; color:#FAFAB4;}
#mainMenu li a{display:block;text-decoration:none; padding:7px 10px; color:#F9F6ED;}
#mainMenu li a:focus,
#mainMenu li a:hover {color:#DCCA97;}
#mainMenu li table {position:absolute; width:150px; border-collapse:collapse; margin:0; padding:0; top:28px; z-index:1000; font-weight:normal; border:0; border-bottom:3px solid #262626;}
#mainMenu li table td {white-space:nowrap; width:150px; padding:4px 4px 0; background:#4B4B4B;}
#mainMenu li table td p {position:relative; width:100%; padding:0; margin:0; padding-bottom:4px; white-space:nowrap;}
#mainMenu li table td p.on .menu2nd {font-weight:bold;}
#mainMenu li table td p a {color:#FBFAF5; height:16px; margin:0; padding:3px 8px 3px 5px; .padding:4px 8px 2px 5px;}
#mainMenu li table td p img {position:absolute; margin:0; padding:0; top:7px;}
#mainMenu li table td p a:hover,
#mainMenu li table td p a:focus {cursor:pointer; color:#262626; background:#FBFAF5; padding:3px 8px 3px 5px; .padding:4px 8px 2px 5px;}
#mainMenu li table td p .mRight {float:right; clear:right; position:relative;}
#mainMenu li table td p .mRight table {position:absolute; left:-5px; top:-26px; .top:-27px; z-index:1000; border:0;}
#mainMenu li table td p .mRight table td {border-top:1px solid #262626; border-left:1px solid #262626; border-right:1px solid #262626; border-bottom:3px solid #262626;}
#mainMenu li table td p .mRight table p.on .menu3rd {font-weight:bold;}
#mainMenu li table td p .mRight table p .mRight table p.on .menu4th {font-weight:bold;}
#mainMenu li table td p .mRight table p .mRight table p .mRight table p.on .menu5th {font-weight:bold;}
#mainMenu li table td p .mRight table p .mRight table p .mRight table p .mRight table p.on .menu6th {font-weight:bold;}
#contentWrap {position:relative; overflow:hidden; width:980px; margin:0; padding:0; background:#ffffff;}
#contentWrap .left {float:left; width:200px; padding:5px 0 0;}
#contentWrap .center {float:left; width:580px; padding:5px 10px; overflow:hidden;}
#contentWrap .right {float:left; padding:5px 0 0; width:180px;}
#footer {clear:both; text-align:center; height:70px; _margin-top:7px; margin-bottom:10px; padding:5px; border-top:1px solid #ADADAD; border-bottom:1px solid #ADADAD; background:#EEEEEE;}
#footer p {line-height:140%; color:#262626;}
#footer a {color:#262626; text-decoration:none;}
#footer a:focus,
#footer a:hover {text-decoration:underline;}
#footer ul {margin:0; padding:0;}
#footer ul li {display:inline; padding:0 .2em 0 .5em; background:url(../images/vrType1.gif) no-repeat left center;}
#footer ul li.first-child {background:none;}