티스토리 뷰
* http://www.badboy.ro/articles/2005-02-20/vertical_align_with_css/
* http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
* http://www.laboratoriocaffeina.it/design/2007/05/11/vertical-centering-in-css-with-unknown-height-ie7-compatible.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Vertical centering in valid CSS</title>
<style type="text/css">
#outer {height: 400px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}
*:first-child+html #outer[id] {position:relative;} /* for explorer 7 only */
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
*:first-child+html #middle[id] {position: absolute; display:block; vertical-align:inherit; top: 50%; } /* for explorer 7 only */
#inner {position: relative; top: -50%} /* for explorer only */
/* just format */
div.greenBorder {border: 1px solid green; background-color: ivory;}
</style>
</head>
<body>
<h1>Vertical Centering in valid CSS - Example</h1>
<div id="outer" class="greenBorder">
<div id="middle">
<div id="inner" class="greenBorder">
any text<br>
<b>any height</b><br>
any content, for example generated from DB<br>
everything is vertically centered<br>
</div>
</div>
</div>
</body>
</html>
- Total
- Today
- Yesterday
- web nine patch
- ClearBoth 세미나
- 미패드4
- 샤오미
- 위드풀
- border image
- onkeypress
- 초콜렛
- 부천포켓볼
- t아이폰케어14pro
- 아이폰배터리교체
- SK Apn
- CSS3
- keyCode
- 가산투바
- keystroke
- embed music
- 단거좋아
- 백다방 아샷추
- 크롬 새창 열기
- onkeydown
- 케이크
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
| 31 |