Всем доброго времени суток. Недавно начала заниматься версткой. Прошу помочь мне разместить три блока. Вот картинка как все должно выглядеть:
Файл index.html:
<div id="t2"></div>
<div id="t1"></div>
<div id="t3"></div>
Для этого нужно:
<li>1. Сьедать около 10 ягод в день.</li>
<li>2. Пить не меньше 2л воды в день.</li>
<li>3. Пройти курс в 4 недели.</li>
</div><!--recept -->
файл css:
#t1 {
height: 332px;
width: 516px;
background: url(../img/lozhka.jpg) no-repeat;
position: relative;
z-index: 1;
}
#t2 {
height: 109px;
width: 480px;
float: right;
background:url(../img/text_nuz.png) no-repeat;
position: relative;
z-index: 2;
}
#t3 {
height: 150px;
width: 320px;
background:#3F9 100% 100%;
float:right;
}
Что получается :
Каким способом можно поставить на место блок t3?
Заранее спасибо за помощь!)
