웹마스터 팁
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, 치퍼님의 방법을 이용하도록 하세요 ^-^
제목 | 글쓴이 | 날짜 |
---|---|---|
1차 메뉴에서 하위 메뉴 없을때 생기는 여백 없애는 방법 [7] | 제로시오 | 2008.07.04 |
레이아웃 상단에 공백,여백이 생길때 (css,html 등으로도 해결안되는 문제) [7] | Gnee | 2010.01.24 |
페이지 모듈 사용시 여백 관련한 팁! | sejin7940 | 2010.08.02 |
[Siren]페이지 여백 없애기 [8] | 세이렌 | 2002.07.31 |
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] | ZipShin | 2002.07.31 |
알수없는 여백(공백,마진)이 생기는 문제 해결법 - 초보님용 [1] | 주영수 | 2011.07.23 |
Sketchbook5 게시판 스킨 본문 부분 여백 없애기 [7] | 짤막한글 | 2013.08.01 |
사용자정의 중 전화번호 형식을 쓰는경우 - 사이에 한칸씩 여백이 생기는 걸 없애는방법 [1] | sejin7940 | 2015.01.23 |