CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

홈페이지 제작팁

이온디 포털 서브 2단 좌측 정렬 ver. 0.5

조회 수 0 추천 0 2010.05.03 04:24:10
이온디 *.181.14.53

이온디(EOND.COM) 포털 서브 2단 좌측 정렬 레이아웃입니다.
오른쪽의 위젯 영역를 없애고 본문 영역을 넓혔습니다.


변경 내역

  • 메인 네비게이션 바가 서브 네비게이션 바에 가려지던 문제를 해결하였습니다.


default.css
128 line
#menuWrapper li { margin:0; list-style:none; padding:0;}
z-index:33 삭제함

131 line
#menuWrapper ul li.menu_list { float:left; position:relative; display:block;border-right:1px solid #434343;}
#menuWrapper ul li a.m_first {padding:10px 20px 10px 20px; color:#999; text-align:center; font-weight:bold; cursor:pointer; border-left:1px solid #9399A1; vertical-align:bottom;}
수정함

135 line
#menuWrapper ul li .m_second { display:none; width:180px; position:absolute; z-index:97; overflow:hidden; left:10px; border:1px solid #5a5a5a; border-bottom:none;z-index:1;}
z-index:11; 추가함

66line
z-index:31; 삭제함
#gnb {
    position:relative;
    height:36px;
    background-color: #676C73;
    clear:both;

    margin-bottom:10px;
    } /*    */