如何修复这些边距？只有好的工作在Firefox

我在此页面上的浏览器中与利润的问题（比Firefox等）：如何修复这些边距？只有好的工作在Firefox

这里是CSS：

#container3 { 
    float: right; 
    margin: 0 -240px; 
    width: 100%; 
} 

#content3 { 
    margin: 0 210px 0 -45px; 
    width:500px; 
} 

#primary, #secondary { 
    left:920px; 
    overflow: hidden; 
    padding-top: 40px; 
    position:absolute; 
    width: 220px; 

}

来源

2011-05-31 MLS1984

的建立页面一种奇怪的方式类.. 我荐最终您创造一个MAIN2 2列布局.. 离开的意见标题菜单，右，下与该内容和最近的评论DIV ..

而且，开始使用clearfix：http://www.positioniseverything.net/easyclearing.html

来源

2011-05-31 12:34:26

我固定问题在Chrome通过改变这个CSS：

#primary, #secondary { 
left: 980px; /*was 920px*/ 
overflow: hidden; 
padding-top: 40px; 
position: absolute; 
width: 220px; 
}

来源

2011-05-31 12:30:31 Kyle

嗨Kevin，感谢您的更新，但问题似乎是左对齐在Firefox和Chrome中不一致，所以940在Firefox中看起来不错，而在Chrome中则为980。但是有两种方法可以做到吗？我看到我无法使用JavaScript编写条件语句。感谢您的帮助 – MLS1984 2011-05-31 12:39:19

如果chrome渲染的页面没有滚动条，可能会将页面移动超过20个像素。看到我的答案下面为什么这导致事情移动。 – Samuel 2011-05-31 12:42:08

我看到你在#primary上使用绝对位置，这是基于窗口，所以当我调整窗口的“最近的评论”部分移动。因此，取决于用户屏幕的分辨率和浏览器的大小，这将会移动。

添加相对于main2 div的位置。然后将#primary上的左侧值更改为右侧，值为0.这会将其保留在右侧并始终位于同一位置。

#main2 { 
    position: relative; 
    ... 
} 

#primary, #secondary { 
    right: 0; 
    ... 
}

编辑：这工作的原因是当你使用position：绝对值是绝对最近的相对父元素。如果元素作为没有父元素的位置：相对它将对浏览器窗口是绝对的。希望这是有道理的。

来源

2011-05-31 12:37:35 Samuel

如何修复这些边距？只有好的工作在Firefox

回答

相关问题