웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
노프레임 홈페이지에서 상하좌우에 원하지 않는 간격이 생길때...
2003.09.08 09:39
게시판을 이용해서 헤더, 푸터를 인클루드해서 노프레임을 꾸밀때는
위쪽에 딱 달라붙는데... 일반 html로 된 페이지에서는 상하좌우에 원하지 않는 간격이 생기는 경우가 있습니다.
<!-------------------------------- Header Start -------------------------------->
<html>
<head>
<title>No Frame</title>
</head>
<body>
<table width=100% height=100% cellpadding=0 cellspacing=0>
<tr>
<td colspan=2 align=center bgcolor=blue height=200>
Top
</td>
</tr>
<tr>
<td align=center width=150 bgcolor=eeeeee>Left Menu</td><td align=center>
<!-------------------------------- Header End -------------------------------->
Board
<!-------------------------------- Footer Start -------------------------------->
</td>
</tr>
<tr>
<td colspan=2 align=center bgcolor=gray height=50>
Bottom
</td>
</tr>
</table>
</body>
</html>
<!-------------------------------- Footer End -------------------------------->
![01.jpg](/files/attach/images/19360727/928/365/019/99b983892094b5c6d2fc3736e15da7d1.jpg)
<!-------------------------------- Header Start -------------------------------->
<html>
<head>
<title>No Frame</title>
</head>
<body topmargin=0 leftmargin=0>
<table width=100% height=100% cellpadding=0 cellspacing=0>
<tr>
<td colspan=2 align=center bgcolor=blue height=200>
Top
</td>
</tr>
<tr>
<td align=center width=150 bgcolor=eeeeee>Left Menu</td><td align=center>
<!-------------------------------- Header End -------------------------------->
Board
<!-------------------------------- Footer Start -------------------------------->
</td>
</tr>
<tr>
<td colspan=2 align=center bgcolor=gray height=50>
Bottom
</td>
</tr>
</table>
</body>
</html>
<!-------------------------------- Footer End -------------------------------->
![02.jpg](/files/attach/images/19360727/928/365/019/4a68d57674b463ab23a75c86126946b4.jpg)
위와같이 body 에 topmargin=0 leftmargin=0 를 적어주면 됩니다.
위쪽에 딱 달라붙는데... 일반 html로 된 페이지에서는 상하좌우에 원하지 않는 간격이 생기는 경우가 있습니다.
<!-------------------------------- Header Start -------------------------------->
<html>
<head>
<title>No Frame</title>
</head>
<body>
<table width=100% height=100% cellpadding=0 cellspacing=0>
<tr>
<td colspan=2 align=center bgcolor=blue height=200>
Top
</td>
</tr>
<tr>
<td align=center width=150 bgcolor=eeeeee>Left Menu</td><td align=center>
<!-------------------------------- Header End -------------------------------->
Board
<!-------------------------------- Footer Start -------------------------------->
</td>
</tr>
<tr>
<td colspan=2 align=center bgcolor=gray height=50>
Bottom
</td>
</tr>
</table>
</body>
</html>
<!-------------------------------- Footer End -------------------------------->
![01.jpg](/files/attach/images/19360727/928/365/019/99b983892094b5c6d2fc3736e15da7d1.jpg)
<!-------------------------------- Header Start -------------------------------->
<html>
<head>
<title>No Frame</title>
</head>
<body topmargin=0 leftmargin=0>
<table width=100% height=100% cellpadding=0 cellspacing=0>
<tr>
<td colspan=2 align=center bgcolor=blue height=200>
Top
</td>
</tr>
<tr>
<td align=center width=150 bgcolor=eeeeee>Left Menu</td><td align=center>
<!-------------------------------- Header End -------------------------------->
Board
<!-------------------------------- Footer Start -------------------------------->
</td>
</tr>
<tr>
<td colspan=2 align=center bgcolor=gray height=50>
Bottom
</td>
</tr>
</table>
</body>
</html>
<!-------------------------------- Footer End -------------------------------->
![02.jpg](/files/attach/images/19360727/928/365/019/4a68d57674b463ab23a75c86126946b4.jpg)
위와같이 body 에 topmargin=0 leftmargin=0 를 적어주면 됩니다.
댓글 9
제목 | 글쓴이 | 날짜 |
---|---|---|
css를 이용한 페이지 인식 | 헤이즈디자인 | 2014.04.23 |
메인 홈페이지와 서브페이지를 하나의 레이아웃으로 | 투씨 | 2014.03.24 |
[html 초보용] 홈페이지 무작정 따라하기!②
[3]
![]() | 깻잎사랑=_=v | 2003.04.14 |
[html 초보용] 홈페이지 무작정 따라하기!①
[6]
![]() | 깻잎사랑=_=v | 2003.04.14 |
노프레임홈페이지 디비기 4 - 쌍벽
[36]
![]() | 리디 | 2003.04.08 |
노프레임홈페이지 디비기 3 - 경로
[42]
![]() | 리디 | 2003.03.31 |
쭘's식 홈페이지 만들기 No.2 - 예제 미리보기 포함
[14]
![]() | 쭘's | 2003.03.30 |
노프레임홈페이지 디비기 2 - 헤더와 풋터
[57]
![]() | 리디 | 2003.03.26 |
노프레임홈페이지 디비기 1 - 계층
[16]
![]() | 리디 | 2003.03.25 |
쭘's 식 쉽게 홈페이지 만들기
[15]
![]() | 쭘's | 2003.03.17 |
[Tip]한글 97로 홈페이지 틀 짜기
[8]
![]() | Alunar | 2002.09.21 |
노프레임 홈페이지 만들기 강좌:)
[53]
![]() | Alunar@R. | 2002.08.22 |
페이지 스크롤 - 네개의 레이어를 이용한겁니다
[4]
![]() | choice | 2002.02.25 |
해상도에 적응하는 노프레임 홈페이지 제작에 필요한 표와 셀의 관계
[8]
![]() | Multi_Taeji | 2004.10.13 |
허접 팁....레이어로 플래시 뺨치는 홈페이지 만들기 -추가-
[17]
![]() | 남규성 | 2004.05.05 |
노프레임 홈페이지에서 상하좌우에 원하지 않는 간격이 생길때...
[9]
![]() | PHASE | 2003.09.08 |
벅스뮤직 음악을 페이지의 배경 음악으로 깔기 (수정 #1)
[31]
![]() | 토끼군 | 2003.08.20 |
노프레임 홈만들기 (3) - 서브 페이지 만들고 제로보드에 적용하기
[27]
![]() | @kihwa | 2003.07.26 |
쭘's식 홈페이지 만들기 No.5 - (미리보기 포함)
[18]
![]() | 쭘's | 2003.07.07 |
쭘's식 홈페이지 만들기 No.4 - (미리보기 포함)
[26]
![]() | 쭘's | 2003.06.16 |