2014-02-09 1 views
0

Не уверен, если это может быть сделано только с помощью CSS ... если это возможно, я бы предпочел, чтобы ...наложения IMG над сНу центра по горизонтали и вертикали по центру над DIV

У меня есть горизонтальная линия (div), и я хочу поместить изображение в центр линии (по горизонтали) и (по вертикали).

Я попытался это с JavaScript, но он не работает на всех ...

HTML:

<style type="text/css"> 
#container { 
    background-color:#F00; 
    height:5px; 
    width: 77%; 
    margin: 0 auto; 
} 
</style> 

<script> 
var logo = document.getElementById('logo'); 
var container = document.getElementById('container'); 
var margin = (container.clientHeight - logo.clientHeight)/2; 
logo.style.marginTop = margin + "px"; 
logo.style.marginBottomn = margin + "px"; 
</script> 

<br><br><br> 
<div id="container"> 
<img src="images/logo_footer.jpg" width="229" height="75" id="logo" /> 
</div> 

ответ

0

В CSS, добавьте Левое поле: авто; margin-right: auto; а для верхней и нижней части вы должны использовать margin-top: amountpx; и измерить его.

Смежные вопросы