CSS:内容在Chrome和IE中浮出水面,只有Firefox可以运行

时间:2014-09-07 09:35:28

标签: html css internet-explorer google-chrome firefox

早上好,

我在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浏览器黑客攻击?

谢谢!

0 个答案:

没有答案