Родительские отступы

Рейтинг: 0Ответов: 1Опубликовано: 28.02.2015

Как у <img> убрать родительские отступы (левый и правый)? Т.е. я изображение вытягиваю на 100% и центрирую

/*CSS*/
#center {text-align:center}
/*HTML*/
<div id="center"><img src="...." width="100%"></div>

И при просмотре страницы слева и справа у изображения появляются родительские отступы.

html
Источник: Stack Overflow на русском

Ответы

▲ 1

http://jsfiddle.net/soledar10/6ow2aLyc/

HTML

<div>
    <img src="http://cs618130.vk.me/v618130675/100fb/8TIlaGxPkus.jpg" alt="" />
</div>

CSS

*{
    padding: 0;
    margin: 0;
}

div{
    position: relative;
    max-width: 600px;
    margin: 0 auto;    
}
div img{
    position: absolute; top: 0; left: 0;
    width: 100%;
    height: auto;    
}