수다닷컴

div 내용 속의 margin과 padding을 없애도 공간이 남는경우는 어떻게 없애 주어야 합니까?

div로 나누다 보니 빈공간이 계속 들어가게 되어서 .. 각 div내에 들어갈 이미지의 사이즈가 오차가 좀 생기네요.

해당 div 의 빈간격을 없앨수는 없나요? 아니면 해당 이미지의 사이즈를 조절해야 하는 것인지?

또한 해당 코드를 index.html로 불러오게 되면은 작업한 것보다 상당한 간격이 벌어지게 되는데 .. 어떻게 줄이나요?

!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
div id =main_pic_contentimg src=images/MAIN_1.gif width=800 height=350/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 =mainnavimg src=left.gif width=210 height=668/div
/div
div id=copyimg src=images/MAIN_10.gif width=800 height=44/div
/div
/body
/html

body { text-align: center ; min-width: 760px;}
#content h1, #content2 h2 , #content p {margin : 1px ;}
#wrapper {width: 1080px; height:850px ; margin: 0 auto ; text-align:left;}
#content {width: 830px ; height: 852px; float: right ; margin:1px; }
#mainnav { width: 210px ; height: 750px; float: left ; margin:1px;}
#copy { width: 1050px; height: 50px ; }

#main_pic_content { width : 850px ; height: 350px ; margin : 1px; }
#leftcontent {width : 540px; height: 392px ; float: left ; margin :1px; }
#leftcontent_wrap { width: 540px; height: 390px; float: left ; margin: 1px ;}
#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 ;}

신청하기