수다닷컴

어제 지식인에 글올리고 답변 달아주셨던님께서 소스까지 제공해주셨었는데요

이렇게 이쁘게 답글 달아주셨습니다 저희 사이트 회원님인것같더라구요

너무너무 감사했지만 이해 안가는 부분이있기에 사이트에 다시올립니다 ㅠㅠㅠ!doctype html public -//w3c//dtd xhtml 1.0 transitional//en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
meta http-equiv=content-type content=text/html; charset=utf-8 /
titleuntitled document/title
style type=text/css
#wrap, #header, #header, #left, .menu, .left1, .left2, #contents, #footer, .con1, .con2, .con3 { border:1px #cccccc solid}
hr { display:none}------------ display:none은 어떤역할을 하는거인가요?ㅠㅠ
.clear{ clear:both;}
#wrap{position:relative; left:50%; margin-left:-450px; width:900px}----left:50% margin-left:-450px 이해가안되요
#header{}
#header h1{width:200px; padding:10px; float:left}
#header .navi{}
#header .navi ul { padding:0; margin:0}
#header .navi li {display:inline-block; *zoom:-1; *display:inline; width:100px;} -- zoom:-1 과 display:inline-block을 했을시와 안했을시는 어떤 차이가있는건가요 ?
#left{float:left; margin:5px; width:270px; height:500px; clear:both}
#left .menu {width:270px; *width:260px; height:200px;}
#left .left1{ margin-top:20px; width:270px; *width:260px; height:100px;}
#left .left2{ margin-top:20px; width:270px; *width:260px; height:100px;}
#contents{ width:600px; height:500px; margin:5px; float:right}
#footer{ clear:both;text-align:center}
#footer .con1{float:left; display:inline-block; *zoom:-1; *display:inline; *margin-right:65px; width:250px; }
#footer .con2{*float:left; display:inline-block; *zoom:-1; *display:inline; width:250px;}
#footer .con3{float:right; display:inline-block; *zoom:-1; *display:inline; width:250px; }
/style
/head
body
div id=wrap
div id=header
h1logo/h1
!-- 네비게이션 --
div class=navi
ul
limenu1/li
limenu2/li
limenu3/li
limenu4/li
limenu5/li
limenu6/li
/ul
/div
p class=clear/p
/div

hr /
!-- 좌측메뉴 --
div id=left
div class=menu
ul
limenu1/li
limenu2/li
limenu1/li
/ul
/div
div class=left1left1/div
div class=left2left2/div
/div

hr /
!-- 내용 --
div id=contentscontents/div

hr /
!-- footer --
div id=footer
div class=con1con1/div
div class=con2con2/div
div class=con3con3/div
p class=clear/p
/div
/div
/body
/html

신청하기