17 сент. 2008 г.

CSS и верстка

Подкинули мне тут задачку с подвохом. Типа, сделай так:

Для тех, кто по жизни в носу ковыряет - поясняю. Задача сделать два div-блока, да так, чтобы один перекрывал другой. Я подмал-подумал, да и выдал кросс-браузерную резину:
CSS:

body {
padding: 0px;
margin: 0px;
}

#corn {
position: relative;
float: right;
width: 200px;
height: 100px;
background: #00ffff;
margin-right: -50px;
margin-top: -50px;
z-index: 100:
}

#main {
position: relative;
width: 90%;
height: 450px;
background: #00ff00;
margin: 50px;
z-index: 1;
}

HTML:

<body>
<div id="main">
<div id="corn">
</div>
</div>
</body>


Фишка в том, что элемент считается родительским для другого элемента в том случае, если его позиция отлична от static:-)
-----------------------------------------------------

Хостинг изображений - imageshack.us

Комментариев нет:

Отправить комментарий