pagetop

[CSS] CSSで簡単に上下中央にする

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加このエントリをTwitterに追加

CSS_tbcell
html

<div id="box">
<p id="con2">
ABC
</p>
<p id="con2">
ABC<br />
DEF
</p>
</div>
css
div#box {
	width: 300px;
	border: 2px solid #FF0000;
	padding: 5px;
	margin-top: 10px
}
div#box2 {
	width: 70%;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
#con2 {
	display:table-cell;
	vertical-align:middle;
}
#box p {
    width: 120px;
	border: 2px solid skyblue;
	padding: 5px;
}
/* IE 6 */
* html #con2{
display:inline;
zoom:1;
}
/* IE 7 */
*:first-child+html #con2{
display:inline;
zoom:1;
}
/* Mac IE*/
/*\*//*/
* html #con2{
display:inline-block;
}
/**/

Post a Comment

Eメールは必ず 入力してください。. *このマークが付いている物は必須項目です。

*
*

clear
clear

a