Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> два слоя одинаковой высоты 
:(
    Опции темы
Ctulhy
Дата 22.8.2009, 22:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 137
Регистрация: 2.8.2008
Где: Россия, Курск

Репутация: 2
Всего: 2



Понимаю, что вопрос достаточно глуп, так как противоречит самой идее слоев. 
Тем не менее. Есть два слоя 
#left, #right {float:left; width:220px;}
#right {width:800px;}
Контента в right больше, чем в left. Необходимо сделать высота left = right. Табличный вариант не устраивает.
--------------------
скучно в Москве и дождливо в Крыму.
PM MAIL ICQ Skype   Вверх
Ctulhy
Дата 23.8.2009, 09:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 137
Регистрация: 2.8.2008
Где: Россия, Курск

Репутация: 2
Всего: 2



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

#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>

--------------------
скучно в Москве и дождливо в Крыму.
PM MAIL ICQ Skype   Вверх
smartov
Дата 23.8.2009, 09:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


свой собственный
****


Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259



Ctulhy, а просто проставить высоту нельзя было?
PM MAIL   Вверх
artsb
Дата 23.8.2009, 10:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Завсегдатай
Сообщений: 2280
Регистрация: 17.7.2007
Где: центр Вселенной

Репутация: нет
Всего: 64



Можно засунуть оба дива в один общий и обоим поставить 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>



--------------------
Чем отличается умный человек от мудрого?
Умный - выпутается из любой ситуации.
Мудрый - просто в неё не попадёт.
PM MAIL   Вверх
skyboy
Дата 23.8.2009, 12:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



для справки: на хабре видел 4 + 1 способов решения задачи.
PM MAIL   Вверх
Ctulhy
Дата 23.8.2009, 14:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 137
Регистрация: 2.8.2008
Где: Россия, Курск

Репутация: 2
Всего: 2



Цитата(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
--------------------
скучно в Москве и дождливо в Крыму.
PM MAIL ICQ Skype   Вверх
trifler
Дата 24.8.2009, 11:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 11
Регистрация: 15.3.2009
Где: г.Калуга

Репутация: нет
Всего: нет



Масса вариантов колонок равной высоты: http://csslayouts.ru/
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0891 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.