Category
show
전체 (775)
웹표준, 웹접근성™ (5)
웹프로그래밍™ (360)
웹기획™ (0)
웹디자인™ (5)
서버™ (32)
데이터베이스™ (43)
개발자료 (9)
트랜드 (60)
Study English (2)
블루비 (70)
오피스 다이어리 (19)
Textcube (2)
이슈 (20)
컴퓨터 악세사리 (18)
엔터테인먼트 (24)
좋은글 (73)
재테크 (1)
이벤트 (4)

'2008/09/02'에 해당되는 글 1건

  1. 2008/09/02 DIV 가로, 세로 가운데 정렬 스타일시트 소스
1 

DIV 가로, 세로 가운데 정렬 스타일시트 소스

웹프로그래밍™/XHTML/CSS 2008/09/02 13:25 by 블루비 Total 1255 : Today 1 : Yesterday 19
DIV 가로, 세로 가운데 정렬 스타일시트 소스

미리보기

사용자 삽입 이미지


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title> Div Vertical Align </title>
</head>
<style type='text/css'>
/***
* author : blueb (http://blueb.net/blog/1292)
* date : 2008-09-02
*/
#wrap {
width:100%;
height:600px;
border:1px solid #000;
}
#body {
position: relative;
top:50%;
left:50%;
width:200px;
height:200px;
border:1px solid #000;
margin-top:-100px; /*** width 값의 1/2 ***/
margin-left:-100px; /*** height 값의 1/2 ***/
background:yellow;
}
</style>
<body>
<div id='wrap'>
<div id='body'>
</div>
</div>
</body>
</html>

2008/09/02 13:25 2008/09/02 13:25

TRACKBACK :: http://blueb.net/blog/trackback/1292

  1. ㅋㅋㅋ

    : 2oo8년 어느날.. 2008/11/19 14:34 삭제하기

    ㅋㅋㅋ

Leave a Comment
[로그인][오픈아이디란?]
1 

달력

«   2008/09   »
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30