Несколько слоев с позиционированием

dedmene · March 6, 2010

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

<div style=" background-color: #FF6699;height:100px; position: absolute; width:100%;"></div>
<div style=" background-color: #6600CC;height:100px; position: absolute; width:100%;"></div>

position: absolute обязательно нужно оставить.

LunatiK · March 6, 2010

Нужен третий див, его какраз апсолютно позиционироваете. в нево вкладываете ваши слои без апсолютного позиционирования

dedmene · March 6, 2010

я знаю, но нужно именно чтобы эти 2 слоя были с абсолютным позиционированием.

Alastor · March 6, 2010

я знаю, но нужно именно чтобы эти 2 слоя были с абсолютным позиционированием.

Ну если навскидку то можно так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Absolute position layers sample</title>
</head>

<body>


<div style=" background-color: #FF6699;height:100px; position: absolute; width:100%;">
</div>
<div style="height:100px;">
</div>
<div style=" background-color: #6600CC;height:100px; position: absolute; width:100%;">
</div>

</body>
</html>

Edited March 6, 2010 by Alastor

Sign In

Несколько слоев с позиционированием

Question

dedmene

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

LunatiK

Link to comment

Share on other sites

dedmene

Link to comment

Share on other sites

Alastor

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information