我的网站bgflirt.com在FireFox和Chrome中的显示方式不同。这是它在firefox中的外观: 以及它在chrome中的外观:
正如您所看到的,在chrome(和safari)中,页面未拉伸以适合整个屏幕。我正在使用此代码来定位右侧包含闪光灯的div:
<div style="width: 200px; position: absolute; right: 0px; top: 10px; overflow: hidden;">
</div>
在所有浏览器中,页面应该与firefox中的方式相同。任何关于如何解决这个问题的想法将不胜感激!
答案 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%;
}