웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다.
2002.07.31 19:32
아래의 글을 보충합니다. CSS로 Body부분의 상하좌우 여백을 없앨수 있습니다.
HTML Body태그로 하자면..
<html>
<head>
<title>상하 좌우 여백 없애기</title>
</head>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<br><br>
Tipmargin="0"은 꼭대기의 여백을 없앱니다.<br>
Bottommargin="0"은 하단의 여백을 없앱니다.<br>
Leftmargin="0"은 왼쪽의 여백을 없앱니다.<br>
Rightmargin="0"은 오른쪽의 여백을 없앱니다.<br>
</body>
</html>
일것입니다. 이것을 스타일 시트로 꾸미자면...^^
-------------------------------------------------
<html>
<head>
<title>상화 좌우 여백 스타일 시트로 없애기</title>
<style type="text/css">
<!--
body {top-margin:0; bottom-margin:0; left-margin:0; right-margin:0}
-->
</style>
</head>
<body>
<br><br>
CSS로 하니 간편하죠? 일일이..^^<p>
(body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0")(/body)<br>
를 할 필요가 없답니다..^^ <p>
</body>
</html>
을 하면 될것입니다. 태그매니아 홈페이지 내애서 제공하는 태그연습장에서 연습해보세요^^
http://tagmania.net/html/tagnote.html [태그연습장]
HTML Body태그로 하자면..
<html>
<head>
<title>상하 좌우 여백 없애기</title>
</head>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<br><br>
Tipmargin="0"은 꼭대기의 여백을 없앱니다.<br>
Bottommargin="0"은 하단의 여백을 없앱니다.<br>
Leftmargin="0"은 왼쪽의 여백을 없앱니다.<br>
Rightmargin="0"은 오른쪽의 여백을 없앱니다.<br>
</body>
</html>
일것입니다. 이것을 스타일 시트로 꾸미자면...^^
-------------------------------------------------
<html>
<head>
<title>상화 좌우 여백 스타일 시트로 없애기</title>
<style type="text/css">
<!--
body {top-margin:0; bottom-margin:0; left-margin:0; right-margin:0}
-->
</style>
</head>
<body>
<br><br>
CSS로 하니 간편하죠? 일일이..^^<p>
(body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0")(/body)<br>
를 할 필요가 없답니다..^^ <p>
</body>
</html>
을 하면 될것입니다. 태그매니아 홈페이지 내애서 제공하는 태그연습장에서 연습해보세요^^
http://tagmania.net/html/tagnote.html [태그연습장]
댓글 8
-
아이쥬어
2002.07.31 20:21
글 중간에 꼭대기 여백없애는거 topmargin아닌가요? -
세이렌
2002.07.31 20:26
흠;; 실수로 이상한 코멘트를 달아버렸네요 ^^;; 음.. 스탕일 시트로 하는것... 그런 방법도 있었네요 ^_^;; 근데 상좌에만 여백이 있으니 다른곳은 할필요가 없을듯... 근데 태그연습장 만드는법 아시는지?;;
태그매니아에서 쓰는것처럼 ㅠ_ㅠ; -
☻stream
2002.07.31 21:28
CSS쓴 방법은.. 위에 나와있는 대로 해도 되는데요.
body { margin : 0 0 0 0 }
이렇게 하면 훨 간편하게 여백을 없앨 수 있지요. 순서는 위와 같습니다. :) -
엔카일
2002.07.31 22:12
전 페이지 만들때 무조건 들어가는 스타일시트가...
*{padding:0 0 0 0;margin:0 0 0 0;}
여기에 테두리도 0으로 주기도 하구요.. -
치퍼
2002.08.01 00:32
BODY { margin:0pt; } -
ZipShin
2002.08.01 01:35
-_-;; 오타가 나오거나, 잘못된 강의 일수도 있으니, 양해바랍니다. -
김현기
2002.08.23 09:28
에딧플스에서 bottommargin="0" 하고 rightmargin="0" 하면 색깔이 다르게 나와요. 원래는 빨간색이어야 하는데.. 보라 색으로 나오는데용... -
EDENe
2005.01.17 00:01
ie 전용 (즉, 비표준) 태크입니다. 사용하지 마시고, stream, 치퍼님의 방법을 이용하도록 하세요 ^-^
제목 | 글쓴이 | 날짜 |
---|---|---|
xe1.4.5.10 에서 xe1.5의 xe_solid_enterprise 레이아웃 사용하기 | 양파농부 | 2012.01.31 |
xpresseditor 사용시 첨부파일 본문삽입 중복되는 문제 수정. [13] | misol | 2012.01.31 |
HTML 편집모드에서 파일 첨부 본문 삽입시 자바스크립트 오류가 뜨는 문제 수정 팁 [1] | misol | 2012.02.01 |
xe 1.4.5.10 에서 board 1.4.2 (1.5용 게시판) 사용하기 | 양파농부 | 2012.02.01 |
여러도메인으로 접속시 무조건 하나의 도메인으로 이동시키기 | squarehacker | 2012.02.02 |
확장변수이용시 숫자 일경우 정렬하기 팁 | 푸하라 | 2012.02.02 |
XE 1.5 이상으로 DB 이전시 일부 DB가 빠질 경우 - 내용추가(0203) [7] | sejin7940 | 2012.02.02 |
묻고 답하기 게시물 옮기는 法 [2] | CMD | 2012.02.05 |
부운영자 [26] | 송동우 | 2012.02.05 |
XE 포인트 파일캐쉬대신 memcache 사용하기 [4] | 최기훈. | 2012.02.06 |
스마트폰에서 xe 구축 [3] | 최태진814 | 2012.02.06 |
v1.5를 위한 팝업 모듈과 팝업 오프너 애드온 [55] | 우진홈 | 2012.02.06 |
php 피카사 연동 프로그래밍 [1] | 강아지60 | 2012.02.06 |
[XE1.4.5.10]게시판 파일첨부 버튼이 먹통일 때.. | 카리브 | 2012.02.08 |
make install 로 설치한 파일 제거 방법 [2] | StyleRoot | 2012.02.08 |
댓글을 역순으로 출력하는 팁 (최근댓글이 가장 위에) [8] | sejin7940 | 2012.02.10 |
1.5.1 최근 글 위젯에서 특수문자가 나가는 현상 [7] | Crom | 2012.02.12 |
업데이트 후 사이트 통함검색이 안되시는 분 보십시오^^ | RGM | 2012.02.12 |
v1.5를 위한 제어판 테마 애드온 정식 [4] | 우진홈 | 2012.02.13 |
XE에서 메일기능이 작동하지 않을때 | 애호가 | 2012.02.16 |