수다닷컴

div class=sub_top
img src=/img/sub_top_img.jpg /
/div
div class=sub
div class=sub_menu
img src=/img/sub1_title.gif/
div class=sub1_menu
ul
lia href=/sub1_1 class=submenu1_1 target=_self메뉴1/a/li
lia href=/sub1_2 class=submenu1_2 target=_self메뉴2/a/li
lia href=/sub1_3 class=submenu1_3 target=_self메뉴3/a/li
lia href=/sub1_4 class=submenu1_4 target=_self메뉴4/a/li
lia href=/sub1_5 class=submenu1_5 target=_self메뉴5/a/li
lia href=/sub1_6 class=submenu1_5 target=_self메뉴6/a/li
/ul
/div
/div
div class=content
내용
/div
/div.sub_top{width:100%; height:75px; background:url(/img/sub_bg.gif) repeat-x; text-align:center;}
.sub{width:1198px;margin:auto; margin-top:18px; border:1px solid #d9d9d9; border-bottom:0 none; }
.sub_menu{width:199px;border-right:solid 1px #d9d9d9;float:left;}
.sub_menu img{padding-left:19px;}
.sub_menu ul{padding: 20px 0 0 44px; line-height:2em}
.content{ width:998px; float:right ;}위 처럼 코딩이 되었는데요, .sub에 border가 top만 보이고 left,right 에서는 보이지가 않아요
이상하게 ie7에서는 정상적으로 다 보이구요, 크롬과 ie8,ie9에서는 보이지가 않네요. .sub에 display:inline-block; 를 지정해주면
보이긴 하는데 margin:auto;가 적용이 안되서 중앙정렬이 되지 않구요;;;;;;; ㅠ.ㅠ 도와주세요오~~~

신청하기