DIV在chrome中的显示方式不同

时间:2011-01-03 13:41:43

标签: html css

我的网站bgflirt.com在FireFox和Chrome中的显示方式不同。这是它在firefox中的外观: ffdisplay以及它在chrome中的外观:chdisplay

正如您所看到的,在chrome(和safari)中,页面未拉伸以适合整个屏幕。我正在使用此代码来定位右侧包含闪光灯的div:

<div style="width: 200px; position: absolute; right: 0px; top: 10px; overflow: hidden;">
    </div>

在所有浏览器中,页面应该与firefox中的方式相同。任何关于如何解决这个问题的想法将不胜感激!

3 个答案:

答案 0 :(得分:3)

经过一些快速的修补,我设法解决了这个问题。不知道它会对其他浏览器做些什么:

#content_wrap {
  margin-left: 130px; //remove this
  //other styles
}

编辑:在IE8上也试过,看来margin-left是一种多余的风格。

答案 1 :(得分:0)

检查您是否在chrome中将缩放级别设置为低于100%

答案 2 :(得分:0)

您可能还想将div#容器设置为100%宽度

div#container {
padding: 0px 0px;
width:100%;
 }