Иллюзия идеала – htmlСтепень соответствия запросу: 52,89% Фрагменты текста поста:...Не смотря на заголовок, до идеала все же далеко и этому есть ряд причин, одна из которых, может быть самая главная, "любимый" браузер, но об этом чуть позже......Тем более, в блоке header может находиться горизонтальное меню с многочисленными вложениями, что при отключенных стилях приведет к появлению вертикальной прокрутки на один два экрана......Перенос блока header ниже контейнера middle по html -коду, может оказаться полезным и в ряде других случаев......К сожалению, полноценное использование абсолютного позиционирования, потребует внесения блока footer в контейнер middle, а там есть свои нюансы......Все будет находиться строго по центру окна браузера......Перейдем к блоку middle......) В общем, подобная структура в различных вариациях неоднократно описывалась мной, и вы без особого труда сможете найти прототип оной на страницах данного блога......Структурно блоки header и footer, ничем от выше приведенной секции не отличаются......Придание многофункциональности шапке и подвалу, ведет к созданию дополнительных блоков в них со своими стилевыми правилами, определяющими их место расположение относительно другдруга, часто имеющими значительный размер, что не оправданно раздувает файл стилей......Вы всегда можете удалить внутренние блоки и получить обычный контейнер, разметка от этого ни сколько не пострадает......Стили сгруппированы таким образом, что у каждого слоя все параметры регулируются, не зависимо друг от друга...Подробнее: http://trifler.ru/blog/post_1216836960.html
Иллюзия идеала - middleСтепень соответствия запросу: 30,51% Фрагменты текста поста:...Минимальные завязки друг на друга, практически полная независимость одного слоя от другого, плавно переходим к верстке, да и внутри самого слоя, если максимально выдерживать тот же принцип, появится масса нужных и приятных вещей......Естественно, что наполнение блока middle, точнее его внутренняя структура может значительно отличаться оттого, что предложено мной......Буду рад, если вы примете не посредственное участие в тестировании не только в самых популярных браузерах OPERA 9......html -код блока middle......} Часть из них определяющие внешнюю сторону оформления блока middle вам встречалась в предыдущем посте......} Другая часть......} Строго индивидуальна для блока middle и определяет ширину колонок и заливку фоном или возможность использования графики через background......Теперь вертикальные линии, что отделяют область контента от колонок отведенных под навигацию и рекламные блоки......В IE6 блок middle имеет фиксированную ширину......Просто не много достал "любимый" браузер, вот его и приструнил......) С целью уменьшения объема файла стилей управление оформлением border -а вынесено в отдельную секцию, что в конечном итоге дает легкую и быструю смену цвета, вам не понадобится рыскать по всему файлу стилей в поисках, где же еще надо править цвет border -а......Сравнив html -код и стили трех примеров, вы увидите, что необходимо изменить для получения того или иного варианта отображения блока middle...Подробнее: http://trifler.ru/blog/post_1217255379.html
Любителям экзотики и извращений...Степень соответствия запросу: 6,1% Фрагменты текста поста:...web-страница визуально состоит из двух колонок позиционирование которых относительно другдруга и вертикальных границ рабочей области браузера выполнено с помощью position......позволяют контенту находящемуся в них и превосходящему по высоте рабочую область браузера, прокручиваться по вертикали независимо друг от друга...Подробнее: http://trifler.ru/blog/post_1282942899.html
Иллюзия идеала – alignment on the centerСтепень соответствия запросу: 5,94% Фрагменты текста поста:...Первым делом, необходимо заставить наши слои, которые могут иметь любую ширину и обладая max-width находиться строго по центру с равными отступами от вертикальных границ окна браузера или же занимать все доступное место в том же самом окне......Но все осложняется переносом блока header ниже контейнера middle по html -коду......} центрирует указанные блоки с зданием максимальной и минимальной ширины......Тут body выполняет роль блока, коим по своей природе и является, о чем многие или не знают или забывают по каким-то, не ведомым мне причинам, иногда и сам грешу этим, создавая дополнительные контейнеры, без которых можно прекрасно обойтись......Но впереди разговор о не менее интересном блоке middle...Подробнее: http://trifler.ru/blog/post_1217070613.html
...Но вот какая штука, давно пытался привести html -код блока middle к такому виду......В принципе изначально, в статье, в очередной раз "любимый" браузер сдался на милость победителя и ему остается только сделать хорошую мину при плохой игре......создание ложных вертикальных линий с помощью различных комбинаций background-color для контейнеров входящих в состав блока #middle......вместо двух колонок сделать одну соответствующей ширины и уже в ней с использованием float, размещать необходимые блоки в удобной вам последовательности...Подробнее: http://trifler.ru/blog/post_1218641450.html