div на div

[Peekit]

В общем ситуация: есть див с ещё тремя внутри. Жёлтый не трогаем. У зелёного заданы только бордеры - нужно вроде как оформление сделать, не суть. А в красном текст будет. И этот зелёный как бы в стороне - текст доходит только до его границы, некрасиво получается. А надобно, чтоб он шёл дальше. Как бы реализовать?

У зелёного относительное позиционирование верх право + плавает справа, это нормально?

Edited May 3, 2012 by Peekit

[Justnewone]

Отрицательный маргин вполне поможет справиться.

А можно еще зеленый спозиционировать абсолютно с меньшим z-index чем у красного с релейтивом.

Можно просто вкладывать дивы друг в друга.

[Peekit]

чот я не пойму. выставил z-index, теперь картина такая: блок-то сверху, а текст почему-то всё равно дальше не пишется..

[Justnewone]

Ну, тогда давайте гадать...

Флоат?

[Peekit]

кажется телепаты все в отпуске.. наверное надо поподробнее.. :

<div id="orange">
	<div id="yellow">			
	</div>
        <div class="green">
		<div class="ugol"></div>
		<div class="lin"></div>	
	</div>
	<div id="red">
	</div>
</div>

div#orange {
background: #fff;
border-radius: 0 13% 0 0;
-moz-border-radius: 0 13% 0 0;
-webkit-border-radius: 0 13% 0 0;
overflow: hidden;
margin: 0 20% 20px 1%;
padding-bottom: 80px;
height: 70%;
position: relative;
z-index: 2;
border-left: 2px solid #CD6889;
}

div#red {
background: #fff;
margin: 20px 20px 20px 28%;
padding: 25px 10px 10px 1px;
height: 100%;
position: relative;
z-index: 4;
}

div.green {
float: right;
position: relative; top: 0px; right: 2px;
width: 100px;
height: 100%;
z-index: 3;
}

div.ugol {
background: #fff;
width: 100px;
height: 100px;
border-top: 2px solid #CD6889;
border-right: 2px solid #CD6889;
border-radius: 0 60% 0 0;
-webkit-border-radius: 0 60% 0 0;
-moz-border-radius: 0 60% 0 0;
}

div.lin {
width: 100px;
height: 100%;
border-right: 2px solid #CD6889;
}

помогите, пожалуйста, зелёному дурачку..

[Peekit]

ребяят..

[Peekit]

всё, отбой тревоги.. я глупый, надо было просто задать зелёному позиционирование абсолютное вместо относительного. хотя я и не совсем понял, мне казалось что абсолютный ведёт отсчёт от границ страницы, а не родителя..

[NeoXidizer]

http://htmlbook.ru/css/position изучайте подробнее

[Peekit]

да, спасибо. читал, но, видимо, невнимательно