2 div'а поверх div

colaacaa · August 19, 2010

не знаю как это сделать, есть 3 дива и картинка, необходимо положить в основной див картинку и оставшиеся 2 поверх картинки

Синим цветом основной вив в котором всё распологается

Жёлтый цвет - картинка

Красным те самые 2 div'а выступающие в роли кнопок

пробовал z-index'ом но всё равное не получилось =(

помогите пожалуйста, если вопрос на форуме повтор, извините. но я правда искал

Vlad · August 20, 2010

Вариантов решения, как обычно, несколько. Зависят от некоторых факторов вроде ширины/высоты макеты и ширины отдельных блоков.

Можно так, но с высотой могут проблемы возникнуть.

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Пример</title>  
  <style type="text/css">
	.layer1 {
	background: yellow;
	position: relative;
	height: 400px;
	}

	.layer2, .layer3 {
	  width: 100px;
	  height: 100%;
	  background: red;
	  position: absolute;
	}
	.layer2 { left: 0;}
	.layer3 { right: 0; }
  </style>
</head>
<body>
  <div class="layer1">
	<div class="layer2">Левый</div>
	<div class="layer3">Правый</div>
  </div>
</body>
</html>

Sign In

2 div'а поверх div

Question

colaacaa

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information