фиксированное положение, действующее отзывчиво

Question

Прямо сейчас он сохраняет прокрутку вправо со страницей при ее изменении. Я хочу, чтобы он остался прежним при изменении размера. Я поставил его в кодефе, чтобы было легче понять. По какой-то причине div, содержащий p-теги, не действует так, как будто он исправлен, и вместо этого теги p остаются в стороне от размера страницы.

http://codepen.io/anon/pen/XJMJWp

<div id = "contents"> 
<div class = "add" align = "center"> 
<p id = "entry" style = "position: fixed;margin-left:1163px;margin-top:415px;">One</p> 
</div> 
</div> 

CSS

#contents .add{ 
width: 1600px; 
height: 750px; 
margin: auto; position: fixed; top: 0; left:0; bottom:0; right:0; 
font-family: "Cedarville Cursive","Lato"; 
} 

#contents{ 
width: 1600px; 
height: 750px; 
margin: auto; position: absolute; top: 0; left:0; bottom:0; right:0; 
font-family: "Cedarville Cursive","Lato"; 
} 

Answer 1

Избавьтесь от margin: auto; это является причиной #contents .add элемент к центру себя, когда окно просмотра больше, чем 1600 пикселей.