Войти
  1. ВКонтакте
  2. Facebook
  1. » » » css вёрстка
Новые публикации Скрыть панель справаПоказать панель справа

css вёрстка

2011-10-15T18:36:30+04:00 2011-11-23T22:21:55+04:00
Абитуриент
  1. Офлайн
  2. Посетители
  3. 0 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 1 отправлено 18:36, 15.10.2011
Доброго времени суток! Помогите пожалуйста. Проблема такая. Есть сайт состоящий из шапки, двух колонок, и футера. Надо сделать так чтобы высота левой колонки зависела от высоты контента. Подскажите как это лучше сделать. Буду очень признателен. Можно в личку.
Профессор
  1. Офлайн
  2. Посетители
  3. 444 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 2 отправлено 12:36, 16.10.2011

Digidie (15.10.2011, 18:36) писал:Доброго времени суток! Помогите пожалуйста. Проблема такая. Есть сайт состоящий из шапки, двух колонок, и футера. Надо сделать так чтобы высота левой колонки зависела от высоты контента. Подскажите как это лучше сделать. Буду очень признателен. Можно в личку.



Есть три метода
1. Верстать таблицей (сложно в последующей правке. и вообще не рекомендую)
2. Растягивать с помощью js (нерационально)
3. Использовать метод иллюзорного сайдбара. Фон сайдбара в этом случае ставится у контента. Сам сайдбар без фона ложится поверх фона контента и внешне это выглядит так, как будто колонка растянута так, как надо


------------------------------------------
Присутствие силы чувствую я.

Задавать вопросы по web-дизайну напрямую мне лучше всего здесь http://vkontakte.ru/club25971247
По вопросам обучения обращаться в icq или skype (номера в профиле)
Абитуриент
  1. Офлайн
  2. Посетители
  3. 8 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 3 отправлено 16:38, 25.10.2011
попробуй height: 100% для левой колонки
Абитуриент
  1. Офлайн
  2. Посетители
  3. 5 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 4 отправлено 22:21, 23.11.2011
Поправьте, если я ошибаюсь, чтобы heigh:100% сработало нужно:
1. Обернуть обе колонки ещё в один div (скажем #wrap)
2. #wrap height:auto
3. У левой колонки height:100% position:relative
4. И у правой height:auto

Тогда правая будет тянуться за контентом, в свою очередь она будет тянуть #wrap, а левая колонка будет равна 100% от #wrap и, соответственно равна блоку с контентом. Как-то так... Есть ряд зависимых нюансов, если контент правой меньше левой, то часть левой пропадет.
 
Перейти
Найти

Доступ закрыт.

  1. Вам запрещено отвечать в темах данного форума.

Изменения статуса

  1. профиль Видимо, я последний выживший :) 01:19, 17.10.2011
  2. профиль Готов стать модератором)) 12:04, 17.09.2011
  3. профиль Восстанавливаем нормальную работу сайта и форума. 20:09, 13.09.2011