IE7位置问题:固定还是浮动?

时间:2011-03-21 09:58:49

标签: css html5

这是一个非常简单的布局,菜单和导航假设保持固定在左侧,使用IE中的任何现代浏览器appart来查看它的外观。 IE7似乎修复了div,但推动了位置向右,我不确定这是一个位置:修复问题,浮动问题,还是其他什么......

http://snapclicker.com/

感谢。

3 个答案:

答案 0 :(得分:0)

嘿,众神 如果给定position:fixed .so,则不需要给定float。基本上定义位置属性。 试试这个:

position:fixed;
top:0px;
left:0px;

答案 1 :(得分:0)

这是position: fixed的问题。

@sandeep有正确的想法(明确定义topleft),但我要添加细节,因为我只是找到它们。

  • #header,请添加left: 5pxtop: 5px
  • #nav,请添加left: 5pxtop: 151px。删除margin-top规则。

答案 2 :(得分:0)

sandeep和thirtydot都是正确的..以避免重新计算位置虽然..将左列(两个固定的div)包裹在div中并以233px宽度浮动,然后添加位置:相对于它 - 也从固定的div中删除浮动,它们没有做任何事情

#sidebar  {
 float: left;
 width: 233px;
 position: relative;
}

您现有的固定div应该仍然有效,您可以更改填充(在#container上)而无需重新计算