Не могу сделать в одном div нарисовать другой или чтобы он выплывал.

[C_B_S]

Здравствуйте. Есть один div объект Settings, есть другой объект div box. Так вот почему при открытии объекта settings при нажатии на кнопку все нормально, он появляется, но я не могу поверхнего нарисовать еще один, почему?
Код отрисовки объекта Settings
$("#settings").show();
this.form = $("#settings");//class="setuptable shadow"
$("#main").hide();


Код отрисовка объекта box поверх settings.
$("#pinbox").show();

На Объекте main все нормально отрисовывается, что не так?

[nitrogen14]

изучай CSS z-index

[C_B_S]

Хорошо, посмотрел, но в html
<div id="pinbox"> </div>
<div id="settings"> </div>
Поменял местами видно оба, тока почему-то одна которая pinbox занимает, больше половина экрана и чуть ниже уже виднется settings.
Css имеет такой вид.

Spoiler

#settings
{

posistion: fixed;
left: 0px; top: 0px;
width: 960px;
height: 540px;
background:#000000;/*#c0c0c0;*/
display:none;
margin-top: -20px;
}
input[type="button"]
{ background: url("../Images/action_btn_sel.png") center no-repeat;
background-repeat: no-repeat;
display:inline-block;
color:white;
padding:5px;
font-size:15px;
text-decoration:none;
text-align:center;
width: 150px;
height: 26px;
vertical-align: middle;
}
#pinbox
{ postion:fixed;
margin:60px auto;
width: 300px;
height: 100px;
background: white;
display:none;
border:solid 5px white;
margin-top:130px;
}

такое чувство, что я сдвигаю вечно эти слои.

пробывал дать z-index и почему-то чудо не произошло.

[nitrogen14]

эксперементируй тупо в браузере с окнами и потом рабочую версию переноси в виджет

[C_B_S]

а так оно всегда делается? или я где то не учел или не понял, что есть смещение?
проблема в том, что у меня часть кода всякие input орисовываются, походу дела...

- - - Добавлено - - -

Spoiler

#settings
{

posistion: fixed;
left: 0px; top: 0px;
width: 960px;
height: 540px;
background:#000000;/*#c0c0c0;*/
display:none;
margin-top: -30px;
}
input[type="button"]
{ background: url("../Images/action_btn_sel.png") center no-repeat;
background-repeat: no-repeat;
display:inline-block;
color:white;
padding:5px;
font-size:15px;
text-decoration:none;
text-align:center;
width: 150px;
height: 26px;
vertical-align: middle;
}
#pinbox
{ postion:fixed;
margin:60px auto;
left: 0px; top:-510px;
width: 300px;
height: 100px;
background: black;
display:none;
border:solid 5px white;
margin-top:20px;
}

сделал так без всяких z-indexov подогнал как хочется примерно. но блин как-то туповато ...

[nitrogen14]

это никак не относится к разработке виджета, это тупо верстка страницы, поспрашивай на специализированых форумах, а еще лучше матчасть изучи.