Ознакомьтесь с нашей политикой обработки персональных данных
15:48 

Не растягиваются блоки

Добрый день.

Верстаю свой первый сайт, и уже не знаю, что делать с этой проблемой. Очень много гуглила, пробовала всё, что находила, но ничего не помогает. Не хочется пихать скрипт туда, где он не нужен, поэтому прошу помощи.
Блоки right_column, content_center, content и main не растягиваются по высоте от содержимого, хоть ты тресни.
Помогите, пожалуйста :small:

хтмл:


цсс:

@темы: вопрос, css

Комментарии
2011-04-03 в 16:04 

alhames
alhames.ru
Кашмар.. Я бы вам настоятельно советовал использовать абсолютное позиционирование только в крайних случаях.
Сейчас попробую пересобрать блоки

2011-04-03 в 16:26 

alhames
alhames.ru


P.S. Левый и правй блок выравнивать на основе центрального можно только на js, но если необходимо чтобы к примеру левый и правый блок были одного цвета, а центральный другого - повесьте 1-пиксельный бекграунд на фон page с репитом по вертикали и все будет нормально =)

2011-04-03 в 17:27 

alhames
левый и правый блоки у меня прозрачные, фоновый градиент репитом в блоке alltogether. Мне они нужны только для разметки по размеру.
*убежала смотреть код*

2011-04-03 в 18:15 

alhames
alhames.ru
ninelya alt to get her?))
Ну в моем случае это page - основной собирающий блок, в котором находится все, кроме футера, накладывающегося сверху.

2011-04-03 в 18:31 

alhames
к сожалению, моя фантазия не такая изобретательная)) просто я сначала пообзывала блоки по-русски, а потом переводила. Этот был "всевместе" :)
угу, я вижу) я уже почти победила футер)

Спасибо вам огромное :)

а можете объяснить, почему позишн:абсолют не сработал?

2011-04-03 в 19:20 

alhames
alhames.ru
к сожалению, моя фантазия не такая изобретательная)) просто я сначала пообзывала блоки по-русски, а потом переводила.
На самом деле есть уже заезженные названия, ставшие стандартными, типа root, page, wrapper, content, container и т.д. Достаточно открыть исходный код этой странички и почерпнете много интересного )

угу, я вижу) я уже почти победила футер)
А что с ним не так? теперь он будет всегда внизу, а контент будет его отталкивать, не залезая под него (для этого используется footer-space, по высоте равный высоте футера).

а можете объяснить, почему позишн:абсолют не сработал?
Честно: я не особо вникал в вашу верстку. Абсолютное позиционирование используется как правило внутри relative-блоков, для накладывания слоев (например, блок Погода на krd.ru/ ), или для оверлея (слоя, перекрывающего всю страницу, как правило выводящего уведомление).
Его преимущество - до пикселя заданная позиция элементов, его недостаток - фиксированный размер. Потому плавающие блоки (float) всегда используют в основе, т.к. размер страницы непредсказуем.

Надеюсь помог :)

2011-04-03 в 19:28 

alhames
о, я в исходном коде дайрей поселилась)) мне просто проще ориентироваться в своих названиях.

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

ага! а вот про фиксированный размер я и не знала. Теперь всё понятно.

Очень помогли, спасибо)))

   

!Всё о html: организация сайтов, хостинги, учебники, программы и т.д.!

главная