2 дива прижать к третьему который ниже

bezdna · October 12, 2007

есть два дива, один имеет фиксированую высоту, а другой плавающюю, в зависимости от контента, как мне сделать так что бы второй который имеет фиксированую ширину имел нижнюю границу свою на одной линии с дивом который меняет свою высоту

вот пример.

<!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=windows-1251">
<title>Слои по горизонтали</title>
<style type="text/css">
body{
min-width: 400px;
}
#layer1 {
 background-color: #fc0; /* Цвет фона слоя */
 border: 1px solid #000; /* Параметры рамки вокруг */
 padding: 5px; /* Поля вокруг текста */
 float: left; /* Обтекание по правому краю */
 min-width: 100px; /* Ширина слоя */
 width: 300px;
}
#layer2 {
 background-color: #c0c0c0; /* Цвет фона слоя */
 border: 1px solid #000; /* Параметры рамки вокруг */
 padding: 5px; /* Поля вокруг текста */
 min-width: 100px; /* Ширина слоя */
 float: left; /* Обтекание по правому краю */
 width: 200px;
}
.clear {
 clear: both; /* Отмена обтекания */
}
</style>
</head>
<body>

<div id="layer1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
</div>

<div id="layer2">
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi.

</div>

<div class="clear"></div>
<p>Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat.</p>

</body>
</html>

надо что бы желтый блок прижемался к тексту который снизу

Dimitry Wolotko · October 12, 2007

1 - в проблемы с версткой;

2 - топик нужно создавать один, а не три, пока что устное замечание;

klierik · October 12, 2007

может это - http://htmlbook.ru/content/?id=109

bezdna · October 12, 2007

1 - в проблемы с версткой;
2 - топик нужно создавать один, а не три, пока что устное замечание;

Извените, просто инет что-то глучил

может это - http://htmlbook.ru/content/?id=109

ну почти то что мне надо, только вот там текст остается в верху, а мне надо что бы это все прижималось к низу, и не просто к низу страницы, а к нижнему диву.

Dimitry Wolotko · October 12, 2007

Тогда, как советовал klierik, http://htmlbook.ru/content/?id=109 + valign или vertical-align - думаю то, что нужно.

Sign In

2 дива прижать к третьему который ниже

Question

bezdna

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Dimitry Wolotko

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

bezdna

Link to comment

Share on other sites

Dimitry Wolotko

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information