Как один div выровнять по центру правого края другого?

Destrifer · November 27, 2008

И чтобы при изменении размеров div-а относительно которого выравниваем, соответственно перемещался и второй div (который выравниваем)?

p.s. первый div - блочный

Edited November 28, 2008 by Destrifer

kalyaka-malyaka · November 28, 2008

И чтобы при изменении размеров первого соответственно перемещался второй?
p.s. первый div - блочный

вы, по-моему, в "первым-вторым" в сабже и тексте сообщения напутали.

если я правильно поняла, то так:

<!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>Untitled Document</title>
<style>
.div1 {
width:500px;/*какая-то ширина*/
height:500px;/*какая-то высота*/
position:relative;
background-color:#009999;/*поставила цвет фона, чтобы видеть блоки*/
}
.div2 {
width:100px;/*какая-то ширина*/
height:100px;/*какая-то высота*/
position:absolute;
right:0px;
top:50%;
margin-top:-50px;/*половина высоты этого div-а с отрицательным значением*/
background-color:#0099FF;/*этот цвет - по тем же причинам*/
}
</style>
</head>

<body>
<div class="div1">
	<div class="div2">123</div>
</div>

</body>
</html>

Destrifer · November 28, 2008

Спасибо, насчет

"первым-вторым" в сабже и тексте сообщения напутали

Вы все правильно поняли

Вот только

при изменении размеров первого соответственно перемещался второй

в Вашем коде не соблюдается, жесткая привязка к размерам, но я так понял что пока для css это inpossible

kalyaka-malyaka · November 28, 2008

объясните, наконец, кто у кого вы хотите менять размеры - у внешнего или у внутреннего? потому что с "первым-вторым" я так и не распуталась

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

если размеры нужно менять у внутреннего, то и margin-top надо все время прописывать соответствующий.

Destrifer · November 28, 2008

Точно, старею

Все как надо работает, спасибо

p.s. нужно было чтобы при динамическом изменении размера большего дива, меньший всегда оставался посередине.

Whatsup · December 8, 2008

Точно, старею
Все как надо работает, спасибо
p.s. нужно было чтобы при динамическом изменении размера большего дива, меньший всегда оставался посередине.

Создай контейнер в которым float размести два дива и постав у первого контейнера выравнивание по вертикали на середину.Должно получится

GumaNoiD · December 12, 2008

magrin: 0 auto;

?

Sign In

Как один div выровнять по центру правого края другого?

Question

Destrifer

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

kalyaka-malyaka

Link to comment

Share on other sites

Destrifer

Link to comment

Share on other sites

kalyaka-malyaka

Link to comment

Share on other sites

Destrifer

Link to comment

Share on other sites

Whatsup

Link to comment

Share on other sites

GumaNoiD

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information