CSS и верстка
Подкинули мне тут задачку с подвохом. Типа, сделай так:
Для тех, кто по жизни в носу ковыряет – поясняю. Задача сделать два div-блока, да так, чтобы один перекрывал другой. Я подмал-подумал, да и выдал кросс-браузерную резину:
CSS:
body {
padding: 0px;
margin: 0px;
}
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>
<div id=”main”>
<div id=”corn”>
</div>
</div>
</body>
Фишка в том, что элемент считается родительским для другого элемента в том случае, если его позиция отлична от static:-)
—————————————————–
Хостинг изображений – imageshack.us
В тему: