웹마스터 팁
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 -------------------------------->
<!-------------------------------- 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 -------------------------------->
위와같이 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 -------------------------------->
<!-------------------------------- 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 -------------------------------->
위와같이 body 에 topmargin=0 leftmargin=0 를 적어주면 됩니다.
댓글 9
-
[아틀]아렌티
2003.09.08 10:03
-
커터칼
2003.09.08 11:35
더불에 body에
scroll="auto"
분이시면 좋습니다. ^^ -
플로렐라
2003.09.15 15:34
보디옵션에 여백 주는거 익스랑 넷스가 다르던데...
나모에 보면 2중으로 입력되던... -
정봉임
2003.09.16 16:21
저는 그 반대라서 고민인에요..
일반 페이지는 위가 쫙 달라붙는데..
게시판만 들어가면 위가 벌어지네요..--; 왜 이렇죠..
http://www.prettyshop.pe.kr오셔서..한수 가르켜 주세요..--; -
pino
2003.09.18 12:08
소스보니 맨위쪽에 <P>태그가 들어가 있네요 ㅡㅡㅋ -
에벤에셀
2003.10.05 23:12
저도 초보입니다만 정봉임 님 홈 게시판위에 <p> </p> 요렇게 있습니다
요것을 없애 버리세요 그럼 -
박성호
2003.10.11 11:18
제홈은 가로스크롤바가 생기는것이 싫고...갤러리를 왼쪽으로 옮기고 싶은데
어떻게 하면될까요.......고수님들의 도움 부탁드립니다.
제홈은 www.skypoto.com입니다..... -
자야
2003.10.18 21:31
헉.. 저는 이제 만들기 시작한 초보인데요.. 게시판마다 간격이 틀려서 지금 미치겠습니다. 한번 보시구 어디가 잘못되었나점 지적해주세요..
스킨마다 css 가 틀려서 그런가요..?? www.y-clubs.com/v1 제발 구원의 빛을.. -
데빌스텔스
2003.12.30 17:18
저기 간격이 생기도록 하는건 어케 하죠? 그 제로보드에서..
제목 | 글쓴이 | 날짜 |
---|---|---|
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 |
하면 됩니다.
5의 숫자는 가로와 세로가 각각 5px이라는 뜻입니다.
이면 당연히 둘다 0애겠죠.
가로와 세로가 다르다면 이 글처럼 따라하시면 되구요.