2011-06-10 36 views
1

我有,當你瀏覽到的網頁,移動到錯誤的位置上我的網站一些DIV層(幾乎像邊緣被忽略?)這種情況在大多數瀏覽器即Safari瀏覽器,FF,鉻等是否任何人都知道爲什麼會發生?有趣的是,這個網站在本地似乎還不錯,只有我上傳後纔會起作用!我想感謝所有幫助/意見任何人都可以提供....的div層移動

CSS:

#page-wrap-padding { 
width: 1078px; 
height: 700px; 
margin: 0px auto 0px; 
background-color: transparent; 
} 

#page-wrap { 
width: 978px; 
height: 610px; 
margin: 35px auto 0px; 
background: #dc000f; 
overflow: hidden; 
z-index:1000; 
} 

#guts{ 
margin: -15px; 
overflow: hidden; 
z-index: 2000; 
} 

#index-innards2{ 
position: absolute; 
background: #dc000f; 
margin: 0px 0px 0px 600px; 
width: 378px; 
height: 550px; 
} 

#index-innards{ 
position: absolute; 
margin: 104px 0px 0px 230px; 
width: 340px; 
height: 390px; 
} 

HTML

<div id="page-wrap-padding"> 
    <div id="page-wrap"> 
     <div id="guts"> 
     <div id="index-innards2"> 
     Content here 
     </div> 
      <div id="index-innards"> 
      More content here 
      </div> 
     </div> 
    </div> 
</div> 
+0

你有一個DOCTYPE你去網上! – Jawad 2011-06-10 11:46:15

回答

1

我做了一個的jsfiddle這裏:http://jsfiddle.net/FPRFJ/

是否有可能您是否遇到瀏覽器提供的默認邊距?

嘗試增加此:

體 { 餘量:0; 填充:0; }

+0

感謝史蒂夫,似乎在做詭計! – dave 2011-06-10 16:31:43