Вёрстка проблемы с блоком CSS3?

Question

[todey]

Всем привет! вообщем у меня проблемы с вёрсткой, есть 3-div'a вот их параметры

.left {
background: red;
width: 60px;
height: 100%;
float: left;
position: relative;
z-index: 1;
}

.right {
background: green;
width: 300px;
height: 100%;
float: right;
position: relative;
z-index: 2;
}

.top {
background: yellow;
width: 100%;
height: 60px;
position: relative;
top: 0;
}

вот скрин что получается



Как видите у красного блока z-index работает, а у зеленого нет.. Подскажите в чем проблема?

Есть еще фиксирующий блок!

#conteiner {
background: #fff;
max-width: 1280px;
min-width: 1024px;
width: 100%;
height: 100%;
margin: 0 auto;
}

Answer 1

[Murat Atila]

Ты не забыл к зелёному дописать z-index?

Comments

[todey]

так я дописывал, все равно не катит

[Murat Atila]

можно ссылку?

[todey]

tonix.far.ru

[Robert Nafikov]

soorax: daff.tk/test.html

[todey]

Robert Nafikov: а что ты там собственно изменил?

[Robert Nafikov]

soorax: единственное, что я добавил это z-index

Answer 2

[PaulZi]

Поменяйте местами блоки .top и .right. То есть .right должен быть первее, чем .top, т. к. он идёт у вас как float: right.

Comments

[PaulZi]

Это, собственно, вам продемонстрировал Robert Nafikov

[todey]

Нефига не катит

[PaulZi]

soorax: Проверьте наличие у .right position: relative и z-index

[todey]

о работает я relative удалил) и забыл вставить а щяс норм спс)

Answer 3

[Кирилл Грачёв]

У вас блок right находиться аккурат под блоком top.
Изменить позиционирование у right на absolute и добавьте

top: 0px;
right: 0;

либо располагайте div class="top" под дивами right и left Таким образом

<div class="left"></div>
<div class="right"></div>
<div class="top"></div>