Поиск по блогу (нестрогое соответствие):
Документов, удовлетворяющих Вашему запросу: 46 [показано 5]
- OPERA и абсолютное позиционирование...
Степень соответствия запросу: 35,89%
Фрагменты текста поста: ...Захотелось мастеру Горди экзотики, а фантазер он в этих делах изрядный, макетик нарисовать сто процентной высоты, все по простенькому ТЗ, кратенькому такому – сущий мизер с бонусом хитрым... ...100% процентная высота макета Иллюзия равной высоты колонок центральной части Фоновая заливка и border, у все колонок и блоков - индивидуальны Область контента выводится раньше колонок навигации Header вкупе с горизонтальным меню по html-коду ниже всего Бонус – в колонках центральной части имеются контейнеры, которые всегда находятся внизу оных, причем при наполнении информацией растут они вверх, понятно, что ограничение на их высоту имеется, как без него... ...«body» «div id="middle"» «div class="content"» «div class="bottom_content"» Content «/div» «/div» «div class="right"» «div class="bottom_right"» Right «/div» «/div» «/div» «div id="footer"» Footer «div class="border_content"»«/div» «div class="border_right"»«/div» «div class="footer_content"» Блок content bottom «/div» «div class="footer_right"» Блок right bottom «/div» «/div» «div id="header"»Header«/div» «div id="menus»Горизонтальное меню«/div» «/body» Красным цветом выделены блоки, отвечающие за прорисовку нижнего бордер’а, у колонок центральной части, здесь с помощью абсолютного позиционирования, выталкиваем данные контейнеры из footer'a... ...То, что в зеленом цвете это и есть блоки, расположенные в низу колонок, также используя position... ...} Эти параметры косвенно задают и определяют в конечном итоге высоту наших блоков... Подробнее: http://trifler.ru/blog/post_1266351793.html
- Иллюзия идеала – html
Степень соответствия запросу: 21,45%
Фрагменты текста поста: ...Далее, класс header абсолютно позиционируем с нулевыми значениями top и left, задав соответствующую высоту равную или чуть меньше ранее указанного значения padding-top для body... ...«div id="middle"» «div class="main"» «div class="wrap"» «div class="content"»Center Content«/div» «div class="left"»Center Left«/div» «/div» «div class="right">Center Right«/div» «/div» «/div» Область контента, как и положено, идет раньше боковых колонок с навигацией и рекламными блоками... ...Возможно, кому-то html -код покажется избыточным, но в стремлении приблизиться к идеалу, а в это понятие включаю в первую очередь минимум html и css, гибкую, простую настройку всех трех колонок по ширине, центральная колонка должна обладать регулируемым параметром min/max-width, легкое исключение одной из них с объединением ее с областью контента или без, одинаковая высота колонок равная по высоте самой высокой... Подробнее: http://trifler.ru/blog/post_1216836960.html
- html/css изыски...
Степень соответствия запросу: 20,63%
Фрагменты текста поста: ...Сто процентная высота страницы Header и горизонтальное меню (может быть с вложениями) по html-коду, сброшено ниже области контента «body» «div id="middle"» «div class="content"»Content«/div» «div class="left"»Left«/div» «div class="right"»Right«/div» «/div» «div id="footer"»Footer«/div» «div id="header"»Header«/div» «div id="menu"»Горизонтальное меню«/div» «/body» Вообще, с точки зрения SEO подобного рода структура web-страницы, является предпочтительной, но, к сожалению нельзя точно сказать в конкретном цифровом выражении, насколько она выгодно может отличаться от страниц сделанных по стандартной технике для поисковиков, тут только субъективные оценки... ...Сто процентная высота макета - есть сумма высот контейнеров header, menu, footer плюс border’ы и отступы между блоками и собственно высота центральной части... ...Достигается с помощью отрицательных/положительных значений margin-top и top, выделены цветом, подбираются индивидуально в зависимости от высоты тех или иных блоков или их исключении из html... Подробнее: http://trifler.ru/blog/post_1260540815.html
- position:relative, position:absolute and float
Степень соответствия запросу: 11,72%
Фрагменты текста поста: ...absolute and float Симбиоз перечисленных в заголовке стилевых правил, для полноты картины не хватает border -а, позволит, а тут мы возвращается к публикациям – дополнены header и имеют сто процентную высоту... ...Создание макетов с иным расположением колонок под вертикальное меню и рекламные блоки, можно сделать по аналогии, но тогда эти колонки будут одного цвета, а чего вы ждали, таковы особенности разметки... ...«div class="header"»Header«/div» «div class="middle"» «div class="content"»Content«/div» «div class="left"»Left«/div» - исключаем, если не нужен «div class="right"»Right«/div» - исключаем, если не нужен «/div» «div class="footer"»Footer«/div» Будет сто процентная высота макета, иллюзия равной высоты колонок, резиновая область контента, footer, который всегда внизу, все или почти все, что можно желать от столь простой конструкции... Подробнее: http://trifler.ru/blog/post_1232114860.html
- Мечты и утопии – это реально!
Степень соответствия запросу: 10,31%
Фрагменты текста поста:...Был, как и обещано, имеют сто процентную высоту с включением header и footer, одинаковую высоту колонок, резиновую область контента - все браузеры, кроме IE6... ...Понятное дело - колонки одинаковой высоты... ...Про сто процентную высоту с header и footer тоже разговора нет... ...Расположение колонок, на любой вкус... Подробнее: http://trifler.ru/blog/post_1232452828.html