묻고답하기
으 css만지는 도중 (소스 첨부)
2009.07.09 03:04
/* Site Layout - Content Wrap */
#contentwrap { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/white/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}
/* Site Layout - Conten Center */
#contentcenter { width:770px; float:left; overflow:hidden;}
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}
/* Site Layout - Column Right */
#columnright { position:relative; width:201px; float:right;}
#columnright .mask { width:201px; height:5px; background:#ffffff; display:block;}
#lnb {padding:4px 5px; width:190px;}
#lnb li { list-style:none; padding-bottom:4px;}
#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; position:relative; z-index:99; text-decoration:none;}
이렇게해서 현재 오른쪽에 2차 메뉴가 나오는 구성인데요 (xe_official 수정 중입니다) 여기서 wrap부분 안에서 센터랑 오른쪽 나누는 것 같은데 도저히 답이 안나와서 힘드네여 ㅠㅠ 게시판을 띄우면 게시판 아래로 2차메뉴가 내려가버려서 너무 애타네요 이것만 해결되면 이제 스킨 씌우고 재미나게 놀 것 같은데 ㅠㅠ 혹시 몰라서 html과 css같이올립니다 ㅠ
댓글 3
-
혹시 IE 계열에서 보고 계신다면, 파폭이나 사파리 등에서 확인해 보세요.
그곳에서는 정상적으로 출력이 되는데 IE에서만 그렇다면 핵을 이용해서 수정을 하셔야 할 듯...
아니면 마진이나 패딩값을 조절해서 IE에서도 그런 증세가 안 나타나도록 하셔야하구요.
위의 값은 제가 잠깐 잘못 보았네요... ㅋㅋ -
uaful
2009.07.09 12:26
히히 네 고맙습니다 ^.^
플로트 방식의 배치는 공간이 부족하면 아래로 튕겨 내려가 버립니다.
위의 수치를 보시면,
contentwrap : 980px
contentcenter: 770px
columnright : 201px
즉, 'contentwrap < contentcenter + columnright' 상태입니다.
그러니 아래로 튕겨 내려가죠... ^^*
게다가 마진이나 패딩이 있으면 브라우저(특히, IE 계열)에 따라 다르게 동작할 수도 있습니다.