묻고답하기
게시판 틈 발생 오류에 관한 질문입니다.
2014.08.17 20:18
위 그림을 보면 아시다시피 head와 body 사이, body와 foot 사이의 틈이 발생합니다.
별의 별 행동을 취해봤는데도 좁혀지질 않아서 속상합니다.
제가 원하는 그림은 아래거든요 ㅠㅠ
이렇게 게시판 위아래로 모두 합쳐졌으면 좋겠습니다. ㅠㅠ
소스 보여드릴게요. 보시고 문제가 무엇인지 알려주시면 감사하겠습니다. (-_-)(_ _)(-_-)
<html><head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr"><title>제목 없음</title><meta name="generator" content="Namo WebEditor v6.0"></head><body bgcolor="#CBBEE9" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0"><table cellpadding="0" cellspacing="0" width="522" align="center"><tr><td width="1358"><p align="left"><img src="http://예시/head.png" border="0" usemap="#ImageMap1"></td><map name="ImageMap1"><area shape="rect" coords="182, 148, 343, 168" href="http://예시/xe/index.php?mid=예시" onfocus='blur()'><area shape="rect" coords="176, 173, 342, 190" href="http://예시/xe/index.php?mid=예시" onfocus='blur()'><area shape="rect" coords="179, 194, 342, 208" href="http://예시/xe/index.php?mid=예시" onfocus='blur()'></map></p></tr><tr><td width="522" background="http://예시/body.png"><p align="left"><div class="content xe_content">{$content}</div></p></td></tr><tr><td width="1358"><p align="left"><img src="http://예시/foot.png" border="0" usemap="#ImageMap2"></td><map name="ImageMap2"><area shape="rect" coords="224, 13, 317, 90" href="#" onfocus='blur()'></map></p></tr></table></body></html>
기본적인 HTML룰 조차 파괴하는 절망적인 소스이네요.
중간중간 들어가 있는 <p> 에 의한 여백 발생으로 생각됩니다.
사이트 상단 <head 와 </head> 사이에 아래 코드를 넣어봐주세요.
<style type="text/css">
p { margin:0px; padding:0px;}
</style>