Иллюзия идеала – htmlСтепень соответствия запросу: 55,2% Фрагменты текста поста:...Ссылку не привожу, листаем страницы блога, все неоднократно и достаточно подробно с многочисленными примерами по этой теме представлено......Тем более, в блоке header может находиться горизонтальное меню с многочисленными вложениями, что при отключенных стилях приведет к появлению вертикальной прокрутки на один два экрана......Перенос блока header ниже контейнера middle по html -коду, может оказаться полезным и в ряде других случаев......К сожалению, полноценное использование абсолютного позиционирования, потребует внесения блока footer в контейнер middle, а там есть свои нюансы......Далее, класс header абсолютно позиционируем с нулевыми значениями top и left, задав соответствующую высоту равную или чуть меньше ранее указанного значения padding-top для body......Перейдем к блоку middle......Возможно, кому-то html -код покажется избыточным, но в стремлении приблизиться к идеалу, а в это понятие включаю в первую очередь минимум html и css, гибкую, простую настройку всех трех колонок по ширине, центральная колонка должна обладать регулируемым параметром min/max-width, легкое исключение одной из них с объединением ее с областью контента или без, одинаковая высота колонок равная по высоте самой высокой......) В общем, подобная структура в различных вариациях неоднократно описывалась мной, и вы без особого труда сможете найти прототип оной на страницах данного блога......Структурно блоки header и footer, ничем от выше приведенной секции не отличаются......Вы всегда можете удалить внутренние блоки и получить обычный контейнер, разметка от этого ни сколько не пострадает...Подробнее: http://trifler.ru/blog/post_1216836960.html
Иллюзия идеала - middleСтепень соответствия запросу: 16,51% Фрагменты текста поста:...Естественно, что наполнение блока middle, точнее его внутренняя структура может значительно отличаться оттого, что предложено мной......Другое дело, что многие решения по разбивке слоя на колонки должны, как минимум в большей своей части соответствовать требованиям, которые не однократно были изложены на страницах блога, потратив толику времени, вы найдете этот не хитрый список......html -код блока middle......} Часть из них определяющие внешнюю сторону оформления блока middle вам встречалась в предыдущем посте......} Строго индивидуальна для блока middle и определяет ширину колонок и заливку фоном или возможность использования графики через background......Теперь вертикальные линии, что отделяют область контента от колонок отведенных под навигацию и рекламные блоки......В IE6 блок middle имеет фиксированную ширину......Сравнив html -код и стили трех примеров, вы увидите, что необходимо изменить для получения того или иного варианта отображения блока middle...Подробнее: http://trifler.ru/blog/post_1217255379.html
html/css изыски...Степень соответствия запросу: 10,83% Фрагменты текста поста:...Сто процентная высота страницы 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
OPERA и абсолютное позиционирование...Степень соответствия запросу: 10,38% Фрагменты текста поста:...Захотелось мастеру Горди экзотики, а фантазер он в этих делах изрядный, макетик нарисовать сто процентной высоты, все по простенькому ТЗ, кратенькому такому – сущий мизер с бонусом хитрым......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
Иллюзия идеала – alignment on the centerСтепень соответствия запросу: 7,08% Фрагменты текста поста:...Но все осложняется переносом блока header ниже контейнера middle по html -коду......} центрирует указанные блоки с зданием максимальной и минимальной ширины......Тут body выполняет роль блока, коим по своей природе и является, о чем многие или не знают или забывают по каким-то, не ведомым мне причинам, иногда и сам грешу этим, создавая дополнительные контейнеры, без которых можно прекрасно обойтись......Не забывая о разнице высот блоков......Но впереди разговор о не менее интересном блоке middle...Подробнее: http://trifler.ru/blog/post_1217070613.html