Спасибо, работает оба варианта
Но тут наступил на еще одни грабли: если для родительского контейнера задать дополнительно
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>
И как добавить кнопку
посмотреть над кодом - что бы можно было прямо в теме форума посмотреть как работает код.