早上好,
我在div-box中使用CSS样式的公式有点麻烦。
页面构建如下:
<body>
<div id="wrapper">
<div id="loginbox">
<form>
<!-- formular stuff, designed as table -->
</form>
</div> <!-- loginbox -->
</div> <!-- wrapper -->
</body>
(只是为了基本的理解,完整的小提琴:http://jsfiddle.net/hLf4v2tp/)
div&#34; loginbox&#34; ist的风格如下:
#loginbox
{
border: 1px solid #333333;
width: 340px;
height: 190px;
font-size: small;
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 0px 0px 0px 0px;
}
在firefox上访问时,整个公式显示在框内,但在Chrome或Internet Explorer上访问时,它会显示在框下方。
我必须承认我对CSS知之甚少,我只需要这个小盒子。有人知道样式表出了什么问题吗?我是否只需要Chrome和IE浏览器黑客攻击?
谢谢!