Показать сообщение отдельно
  #7 (permalink)  
Старый 30.03.2016, 09:09
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

Оно?
<style>
div#div1{
    box-sizing: border-box;
	
 	border: 1px solid green;
 	width: 100%;
	height: 300px;
	background-color: yellow;
	position: absolute;
	top: 0; left: 0;
	
	padding-right: 300px;
}

img#img1{
  border-right: 300px solid transparent;
	bottom: 0;
	height: 100px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
}

div#div2{
	position: absolute; top: 0; right: 0; width: 300px; height: 300px; background-color: green;
}
</style>

<div id="div1">
<img id="img1" src="http://politrussia.com/upload/iblock/032/032e40743dba6b8e0ec37a7df1f89889.jpg"/>
</div>
<div id="div2"></div>
Ответить с цитированием