2011-01-14 77 views
0

我有3个div。2固定的div,在另一个divs中定位的问题

<div class="main"></div> 
<div id="fixedbox"></div> 
<div id="fixedBar"></div> 

CSS:

.main { 

width: 850px; 
padding:25px 5px; 
border-left:1px solid #999; 
border-right:1px solid #999; 
text-align:left; 
overflow:hidden; 
} 

body { 
    height: 100%; 
    margin: 0; 
    overflow-y: auto; 
} 
body #fixedbox { 
    position:fixed !important; 
    position: absolute; 
    left: 865px; 
    top: 0; 
    width: 160px; 
} 
#fixedBar { 
    display:block; 
    position: absolute; 
    width:100%; 
    height:20px; 
    position:fixed; 
    bottom:0; 
    left:0; 
    background:#F00; 
} 
* html #fixedBar { 
    position:absolute; 
} 

问题是这样的: 当林添加在主分度,“position:relative”的块,该块将在滚动移动中即在将“position:relative”添加到身体或主体中时,还存在其他问题。如何在“<div class="main"></div>”中使用没有问题的位置?

在此先感谢

编辑:我已经解决了与变化问题的doctype。

+1

一个具体的解决方案马赛克0.1 alpha ......或类似的东西......`:)` – 2011-01-16 15:35:08

+0

@ŠimeVidas,你是对的。我已经删除了这个。 – TheNone 2011-01-16 18:12:28

回答

0

我认为你正在添加位置:相对于身体来定位2固定位置:绝对容器?如果没有,你将需要。

我在设置位置时遇到了一些问题:过去在IE中是相对的。尝试一些常用的黑客,如设置

height:1%; 

或者

display:block; 

。主要

您可能会发现,因为不需要这CDATA啄上http://www.positioniseverything.net