Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > два слоя одинаковой высоты

Автор: Ctulhy 22.8.2009, 22:23

Понимаю, что вопрос достаточно глуп, так как противоречит самой идее слоев.
Тем не менее. Есть два слоя
#left, #right {float:left; width:220px;}
#right {width:800px;}
Контента в right больше, чем в left. Необходимо сделать высота left = right. Табличный вариант не устраивает.

Автор: Ctulhy 23.8.2009, 09:08

Нашел решение самостоятельно. Нужно было чтобы в левом нижнем углу была картинка.

Код


#cont {width:1200px;}
#left, #right {float:left; width:220px;}
#right {width:800px;}

Код


<div id="cont">
      <div id="left"><div..........</div>
      <div id="right"><div........</div>
</div>

Автор: smartov 23.8.2009, 09:15

Ctulhy, а просто проставить высоту нельзя было?

Автор: artsb 23.8.2009, 10:59

Можно засунуть оба дива в один общий и обоим поставить height:100%

Код

#cont {width:1200px;}
#left, #right {float:left;height:100%;width:220px;}
#right {width:800px;}

Код

<div id="cont">
      <div id="left">бла-бла</div>
      <div id="right">бла-бла-бла</div>
</div>

Автор: skyboy 23.8.2009, 12:54

для справки: на хабре видел http://habrahabr.ru/blogs/css/64173/ + http://habrahabr.ru/blogs/css/64242/ способов решения задачи.

Автор: Ctulhy 23.8.2009, 14:28

Цитата(smartov @ 23.8.2009, 09:15

)

Ctulhy, а просто проставить высоту нельзя было?

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

Цитата(skyboy @ 23.8.2009, 12:54

)

для справки: на хабре видел 4 + 1 способов решения задачи.

плохо гуглил

Цитата(artsb @ 23.8.2009, 10:59

)

Можно засунуть оба дива в один общий и обоим поставить height:100%

Ну оно и без height:100% работает smile

Автор: trifler 24.8.2009, 11:35

Масса вариантов колонок равной высоты: http://csslayouts.ru/