Funky css正在添加底部填充/边距

时间:2011-04-25 17:21:32

标签: css

我无法弄清楚为什么我的css正在创建这个时髦的底部边框或边框我拍了一个小视频,所以你可以看到它:http://img.zobgib.com/2011-04-25_1317.swf边距/边框不显示,除非页面调整为漂亮小。我的CSS非常标准,我没有内联样式或JS造型会导致它。什么会导致这种奇怪的边际?

这是我的CSS

html {


}
body {
}

#content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#drawn {
    background: #fff !important;

}

#content > * {
}

#toolcontainer {
    left: 0;
    right: 0;
    height: 50px;
    min-width: 940px;
}

#toolcontainer > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;  
}

#slidescontainer {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 52px;
    width: 130px;
    min-height: 658px;
}
#newslide {
    background: url(/static/img/new_slide.png) !important; 
    border: 1px solid #FFFFFF;
}
#slidescontainer canvas {
    position: relative;
}
#slidescontainer > * {
    height: 80px;
    width: 106px;
    margin: 10px;
    background: #ffffff;
    border: 1px solid #000;

}

#container {
    position: absolute;
    min-height:608px;
    min-width: 810px;
/*  height: 608px;
    width: 810px;*/
    background-color: #fff;
    background-image: none;
    top: 52px;
    bottom: 0;
    right: 0px;
    left: 132px;
    background: #d5d5d5;
    border: 10px solid #000;
}

#container canvas {
/*  left: 50%;
    margin-left: -405px;
    top: 50%;
    margin-top: -304px;*/
}

#debug {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    overflow: auto;
    border: 1px solid black;
    background: black;
    color: #34e338;
    z-index: 50;
}

canvas {
    position: absolute;
}

#colorSelector {
    position: relative;
    width: 46px;
    height: 46px;
}

#colorSelector div {
    position: absolute;
    border: 1px solid #FFFFFF;
    background: #000000;
    width: 46px;
    height: 46px;
}

3 个答案:

答案 0 :(得分:0)

您使用了大量特定于浏览器的CSS,看起来您在不受支持的浏览器中访问它(Firefox不支持Microsoft标记,原因很明显)。我建议尝试使用CSS3选择器和规则,而不是特定于浏览器的规则。

答案 1 :(得分:0)

尝试将style = "overflow:hidden"添加到您的html标记中,如下所示:

<html xmlns="http://www.w3.org/1999/xhtml"  style = "overflow:hidden">

如果是页面高度问题,可能会将其清除

答案 2 :(得分:0)

我通过将#container中的最小高度更改为638px来修复它。