웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
홈페이지의 개념부터 알아야 하는 진정한 초급자들의 위한 팁입니다. | 놀라운넘 | 2010.03.23 |
홈페이지에 계정 사용량, DB 사용량, 현재 트래픽 출력하기
[7]
![]() | 대류 | 2010.03.29 |
XE 기본 카운터의 방문자 / 페이지뷰 출력하고 수정하기 [5] | 대류 | 2010.04.03 |
공지글 1페이지에만 보이기 [1] | 러키군 | 2010.04.29 |
LNB위젯사용하지 않고 초간단 페이지 인식 메뉴 만들기
![]() | 쥰지 | 2010.06.09 |
''외부 페이지''에서 CSS/JS 파일 불러들이기 [2] | xe-m | 2010.06.11 |
스마트폰이 없는뒤~!! 모바일페이지를 봐야 할경우 [15] | 토깽이2 | 2010.07.02 |
초보의 모바일 페이지 등록하기 [5] | 조량 | 2010.07.15 |
모바일 레이아웃 로그인페이지 개선방법 [4] | 스카이피아 | 2010.08.01 |
페이지 모듈 사용시 여백 관련한 팁! | sejin7940 | 2010.08.02 |
검정 배경 홈페이지용 회원 정보 스킨
![]() | LutZ | 2010.08.03 |
관리자페이지 회원목록을 일반페이지에서 사용하기
[5]
![]() | 늘푸른이 | 2010.08.07 |
게시판 본문페이지 닉네임 옆에 회원그룹명 사용
[4]
![]() | 늘푸른이 | 2010.08.13 |
레이아웃 관리자 페이지 html 에디터창 늘리기+줄이기
[1]
![]() | 레드폭스 | 2010.08.25 |
초보자도 따라하는 XE로 홈페이지 만들기 강좌 포스트입니다. [2] | 놀라운넘 | 2010.08.27 |
페이지에서 첨부파일 100% 에서 증발이 되면...? [6] | 우리아기 | 2010.09.04 |
로그인/로그아웃 시 그페이지에 그대로 남아있게하기. [4] | 롤리^^ | 2010.09.16 |
카페24 외부페이지로 트래픽 확인하기
[1]
![]() | teryboy | 2010.10.09 |
페이지 설정, 꼭 이렇게 해두세요
[10]
![]() | 老姜君 | 2010.10.14 |
IE 전용 페이지 전환시 부드럽게 하기 (퍼옴) [2] | 오실롯 | 2010.10.29 |