Показать сообщение отдельно
  #4 (permalink)  
Старый 29.03.2016, 14:09
Аспирант
Отправить личное сообщение для shurik_shink Посмотреть профиль Найти все сообщения от shurik_shink
 
Регистрация: 22.05.2015
Сообщений: 35

Спасибо, работает оба варианта

Но тут наступил на еще одни грабли: если для родительского контейнера задать дополнительно padding-right: 300px; то изображение сдвигается в право на 300px от центра родительского div.

Подскажите - как от этого избавиться?
<style>
div#div1{
 	border: 1px solid green;
 	width: 100%;
	height: 300px;
	background-color: yellow;
	position: relative;
	
	padding-right: 300px;
}

img#img1{
	bottom: 0;
	height: 100px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
}
</style>

<div id="div1">
<img id="img1" src="http://politrussia.com/upload/iblock/032/032e40743dba6b8e0ec37a7df1f89889.jpg"/>
</div>


И как добавить кнопку посмотреть над кодом - что бы можно было прямо в теме форума посмотреть как работает код.

Последний раз редактировалось shurik_shink, 29.03.2016 в 23:09.
Ответить с цитированием