Блог

У меня на сайте есть несколько слоев div, которые перемещаются в неправильное положение при переходе на страницу (почти как игнорируются поля?) это происходит в большинстве браузеров, таких как Safari, FF, Chrome и т.д. Кто-нибудь знает, почему это могло произойти? Интересно, что сайт выглядит нормально локально и, похоже, запускается только после того, как я его загрузил!! Я был бы признателен за любую помощь / совет, который кто-либо может предложить….

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>
  

Я создал jsFiddle здесь:http://jsfiddle.net/FPRFJ /

Возможно ли, что вы используете поля по умолчанию, предоставляемые браузерами?

Попробуйте добавить это:

тело { поля: 0; отступ: 0; }