Как получить div, чтобы быть в одном и том же месте независимо от браузера?

Question

Как получить div, чтобы быть в одном и том же месте независимо от размера экрана пользователя. Я замечаю, когда вид моего кода на другом компьютере с большим экраном, который мой div (с изображением) находится не в том же месте, что и на моем ноутбуке, есть ли способ заставить его сидеть в одном и том же месте не важно браузера?

Вот мой код

#pic { 
 
    padding-left: 300px; 
 
} 
 
#about { 
 
    padding-left: 50px; 
 
    text-align: center; 
 
    padding-right: 100px; 
 
    line-height: 2.5; 
 
    font-size: 120.5%; 
 
}

<div id="pic"> 
 

 
    <img class="errorimage" src="IMG_4847.png" alt="" title=""> 
 
    </a> 
 

 
</div> 
 

 

 
<div id="about"> 
 

 

 
    <h1>Rebekah</h1> 
 

 

 
    <h2>Web Design. Google Adwords. Google Analytics.</h2> 
 

 
</div>

Answer 1

Вы можете использовать position:absolute, чтобы иметь его в фиксированном положении независимо от того, масштабирование

Также position:fixed будет держать его в том же месте, в окно даже при прокрутке

http://www.w3schools.com/cssref/pr_class_position.asp