2011-06-04 179 views
6

我一直有問題,試圖讓我的網站被交叉瀏覽器..在IE6中 我有一個相對定位的容器,裏面有一個絕對的div,它有負面的頂部離開但是,不是在相對DIV的頂部到底,會下這樣看:css絕對位置內部相對位置不重疊

 ++++++++++++++++++++++ 
     +  container  + 
     +++++++++++++er  + 
     +llo  +er  + 
     +rld  +er  + 
     +++++++++++++er  + 
     +  container  + 
     +  container  + 
     ++++++++++++++++++++++ 

insted的的:

 ++++++++++++++++++++++ 
     +  container  + 
    +++++++++++++++++++er  + 
    +  hello  +er  + 
    +  world  +er  + 
    +++++++++++++++++++er  + 
     +  container  + 
     +  container  + 
     ++++++++++++++++++++++ 

在所有其他瀏覽器即時通訊使用的集裝箱只是靜態定位和絕對位置hello world div,並且工作得很好,但是在ie6中,絕對div的定位很奇怪,無論頂端還是左邊我給它它沒有移動,所以我想爲IE6做這件事,但是我遇到了上面描述的問題。

+0

是否存在負左邊界工作? (你可能根本不需要相對/絕對定位)。 – 2011-06-04 08:05:07

回答

2

相對位置與絕對位置的組合:

#container 
{ 
    width: 200px; 
    margin: 0 auto; 
    position: relative; 
} 
#content 
{ 
    width: 200px; 
    position: absolute; 
    z-index: 999; 
    left: -100px; 
    top: 100px; 
} 

Demo here和下面截圖:

jsfiddle-QBd8P-ie6

似乎在IE6 +,FF,Chrome中工作。

+0

感謝您的幫助,但我需要在綠色框下的信息,我的意思是如果我這樣做它佔據了空間 – Gmo 2011-06-04 09:21:11

+1

@Gmo:我已經更新了小提琴。我檢查了IE6,並得到了預期的結果,就像你在ascii藝術中描述的那樣。 – 2011-06-04 10:13:28