수다닷컴

진짜 지난 주 부터 너무 막히네요. 이런식으로 구성을 해서 게시판 및 여러가지 이미지를 넣고 꾸며야 하는데

레이아웃이 빈공간이 생기고 이미지를 넣으면 레이아웃간에 빈 공간 때문에 전체적으로 모양이 틀어져 버리네요.

더블마진 버그(?) 라는 것도 생긴다던데..파일 첨부 같이 합니다.

해결 좀 부탁드리겠습니다. ㅜㅜ

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd
html
head
meta http-equiv=Content-Type content=text/html; charset=euc-kr
titleDiv Layout/title
link href=movie.css rel=stylesheet type=text/css
/head
body style=margin:0
div id =wrapper
div id =content style=margin: 0px 0px 0px 0px
div id =main_pic_content/div
div id =leftcontent
div id =leftcontent_wrap
div =sub_pic/div
div id =sub_left/div
div id =sub_right/div
/div
/div
div id =rightcontent
div id =news/div
div id =culture/div
div id =volounteer/div
/div
/div
div id =mainnav/div
/div
div id=copycopyright/div
/div
/body
/htmlbody { text-align: center ; width: 760px;}
#content h1, #content2 h2 , #content p {margin : 0px ;}
#wrapper {width: 1080px; height:850px ; margin: 0 auto ; text-align:left; }
#content {width: 830px ; height: 852px; float: right ; display:inline ; }
#mainnav { width: 210px ; height: 750px; float: left ; }
#copy { width: 1050px; height: 50px ; }

#main_pic_content { width : 850px ; height: 350px ; }
#leftcontent {width : 540px; height: 392px ; float: left ; }
#leftcontent_wrap { width: 540px; height: 390px; float: left ; }
#sub_pic {width: 540px; height: 500px;}
#sub_left { width: 264px ; height: 232px ; float: left ;}
#sub_right { width: 264px ; height: 232px ; float: right ;}
#rightcontent {width : 280px; height: 150px ; float: right; ;}
#news { width: 274px ; height: 150px ;margin: 0px ;}
#culture { width: 274px ; height: 150px ;margin: 0px ;}
#volounteer { width: 274px ; height: 150px ; margin: 0px ;}

신청하기