웹마스터 팁
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, 치퍼님의 방법을 이용하도록 하세요 ^-^