Светлана Г.

Здравствуйте! Задача состоит в том, чтобы текст с описанием разместить в блок заданной высоты, чтобы это смотрелось корректно. Проблема в том, что текст может иметь совершенно различное форматирование (разный шрифт, жирность, наличие или отсутствие заголовков и пр.); и соответственно, его точную высоту нельзя рассчитать заранее. Поэтому, может получаться вот так: Хотелось бы еще добавить в конец строки многоточие. Как можно это сделать?

Ничего не надо делать - блок и так подстроит своей размер по своему содержимому.

Видмо, Вы пишете не о зеленом, а о красном. Зеленый блок - это контейнер для желтого, красного, голубого (синего) . Соответстввенно, он будет являться родительским блоком для всех, находящихся в нем блоков. Поэтому, ему нужно задать свойство position:relative; Логотип, поскольку он имеет фиксированные размеры, можно сделать и с абсолютным позиционированием.

Сейчас посмотрела Ваш код более внимательно. Ранее предложенный вариант здесь не подойдет. Здесь нужно другое решение.

jQuery работает очень быстро!

Значение padding-bottom должно быть не меньше, чем высота футера.Это важно! Это служебный класс. .clearfix:after{ content:""; display:block; clear:both;} Вот структура кода: <div id="wrapper"> <section id="content"></section><!-- /#content --><section id="footer"></section><!-- /#footer --></div><!-- #wrapper --> Перед #footer можно разместить и другие блоки, при необходимости. Смысл в том, что #footer имеет абсолютное позиционирование, соответственно, блок, стоящий непосредственно перед ним, должен ему освободить место, чтобы тот не налез на него. Вот этот padding-bottom и нужен для этого.

Эта тема (прижатие футера к низу) рассматривается здесь: http://htmlforum.ru/index.php?showtopic=47019 JS нужен в том случае, если высота футера неизвестна. Вот пример с фиксированной высотой футера, без js: http://jsfiddle.net/SvetaGr/YwTmW/3/

Если я правильно поняла, у Вас верстка с прижатым к низу футером, который абсолютно позиционирован. Если так, то аналогичный вариант здесь: http://jsfiddle.net/SvetaGr/YwTmW/9/ Скрипт берет высоту у футера, а затем это значение подставляет в качестве padding-bottom блоку с основным контентом.

Решила оставить вариант с абсолютно позиционированным футером и с js. Вроде все работает: http://jsfiddle.net/SvetaGr/YwTmW/9/ Спасибо ВСЕМ за помощь! .

Можно предположить, что какие-то дефолтовые padding/margin.

Скрипты не будут нагружать страницу? Можно ли что-то придумать для IE7 вместо эмуляции таблиц?

А какой вариант все-таки лучше: со скриптом или с эмуляцией таблиц? Никак не определюсь ...

Сверстала пока без JS: http://jsfiddle.net/SvetaGr/YwTmW/3/ Этот вариант не подходит для IE7... Потестю сейчас. Из двух зол выберу меньшую )).

А нет ли ссылки на работающий пример?

Здравствуйте! Изначально макет имел фиксированный по высоте футер. Вот так выглядит сверстанная страница: _http://www.salon-kristyle.ru/ Теперь оказалось, что текста нужно значительно больше. Макет изменили так: Вот теперь вся в сомнениях, как сверстать так, чтобы футер всегда был внизу и не имел фиксированную высоту. Или, может быть, есть какой-то другой способ, чтобы не размещать основной текст в футере.

Я что-то не вижу, чтобы была задана фиксированная высота кнопки.

Если убрать display:block; у .btn-block - дергаться перестает. И если правило оставить так: .btn-orange:hover { top: 2px;}тоже не дергается.

Попробую раскопать... При наведении на красную кнопку также двигается текст и в зеленой кнопке.

Причина в том, что при наведении на красную кнопку меняется высота блока .ad-item. Поэтому все и дергается. В дебаггере задала фиксированную высоту - и все перестало дергаться. Нужно отрегулировать размеры кнопки при наведении и в исходном состоянии.

Для Notepad++ вроде нет плагина. Там грузится файл XML... Удобно ли работать ? Да, я уже читала об этом редакторе. Хочется что-то подобрать более привычное для себя. Стесняюсь спросить))) - установится ли плагин к нелицензионной DW?

Начинаю работать с LESS. Теперь нужно подобрать редактор. Обычно я работаю в Dreamweaver, Notepad++... Хотелось бы узнать, какие существуют наиболее удобные редакторы, плагины для работы с .less-файлами.

По-моему, здесь обсуждается похожая проблема: http://stackoverflow.com/questions/3032856/z-index-of-before-or-after-to-be-below-the-element-is-that-possible

На это влияет position:absolute; Перекрывается блоком: header[role=banner]:after {... }

</form> пропустили.

Я применяю к блоку с отступом: 1. .clearfix:after{ content:""; display:block; clear:both;}или2. overflow:hidden;