CSSについて 入力フォームの上下揃い
CSSについて 入力フォームの上下揃い
sample.css
@CHARSET "windows-31j";
html,body,div,span,h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-size:100%}
html {
height:100%;
}
body {
height:100%;
}
body > #container {
height: auto;
z-index:0;
}
#container{
width:780px;
margin-top:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
position:relative;
min-height:100%;
border:1px solid #999;
}
#header{
margin: 0;
padding: 0px 0px 0px 0px;
width: 100%;
height: 100px;
background-color:#4682B4;
z-index:1;
}
#main{
padding:auto;
width:100%;
backgruond-color:#87CEEB;
z-index:1;
}
#footer{
position:absolute;
bottom:0px;
width: 100%;
height: 100px;
background-color:#4682B4;
z-index:1;
}
index.html
<div id="container">
<div id="header"></div>
<div id="main">
<div class="vartical-align">
<form action="">
<input type="text" name="id">
<input type="password" name="pas">
</form>
</div>
</div>
<div id="footer"></div>
</div>
上記の用なCSSにて入力フォーム等を、id=main内にて上下中央揃えにしたいのですが
どうした良いでしょう？
お礼
そういった物があるんですね、求めてたものでした！ ありがとうございます