Question

在几乎到处搜索并验证我的代码几次（并修复错误）后，我不知道该怎么做。我开始在firefox中编程这个布局，一切看起来都很完美，然后去看看Chrome并确保它没问题，并且很低，看到Chrome搞砸了。

该网站位于：http://semperfiwebdesign.com/slipstick/问题在于页脚和footer_top类的边距。

我写下了页脚边距的代码差异，它们非常愚蠢。下面是原始的CSS：

.footer_top {
float: right;
margin-right: -26px;
margin-top: 69px;}

.footerlinks {
float: right;
margin-right: 120px; }

#text-14 { 
float: right;
margin-right: -25px;
text-align: center;
margin-top: -69px;

}

它们按照它们与页脚一起显示的顺序运行。所以footer_top是带有顶部和底部边框的框，页脚链接是非工作链接的段落，最后#text-14是链接下面的“ad”图像。我为奇怪的班级名字道歉，但wordpress给了我很多。

现在看到上面的内容就是我在Chrome中使用firebug来解决Chrome想要解决的问题：

#text-14 {
margin-top: -190px; }

.footerlinks {
margin-top: -279px; }

.footer_top { 
 margin-top: -422px;}

显然这有点荒谬，我无法将这些数字放入真实的样式表而不会真正弄乱整个布局。

我几乎到处搜索，我的智慧结束了。我不知道该去哪里。我会发布整个CSS，但因为它是wordpress网站，它有点长。因此，如果您需要查看其他任何内容，请询问，我会发布。

谢谢梅根

Answer 1

设置#container - ＆gt;位置：相对;

#primary {
    background-color: #002E5B;
    color: white;
    /*float: left;*/
    height: 100%;
    left: 0;
    /*margin-left: -685px;
    margin-top: -30px;
    min-height: 2500px;*/
    position: absolute;
    top: 0px;
    width: 168px;
}

并删除3c-c-fixed.css中对#primary的所有引用

希望这有帮助

如何在Chrome和Firefox中修复主要的保证金问题编程？

1 个答案: