2011-01-14 76 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