Иллюзия идеала – htmlСтепень соответствия запросу: 49,72% Фрагменты текста поста:...Не смотря на заголовок, до идеала все же далеко и этому есть ряд причин, одна из которых, может быть самая главная, "любимый" браузер, но об этом чуть позже......Тем более, в блоке header может находиться горизонтальное меню с многочисленными вложениями, что при отключенных стилях приведет к появлению вертикальной прокрутки на один два экрана......Перенос блока header ниже контейнера middle по html -коду, может оказаться полезным и в ряде других случаев......К сожалению, полноценное использование абсолютного позиционирования, потребует внесения блока footer в контейнер middle, а там есть свои нюансы......Все будет находиться строго по центру окна браузера......Перейдем к блоку middle......) В общем, подобная структура в различных вариациях неоднократно описывалась мной, и вы без особого труда сможете найти прототип оной на страницах данного блога......Структурно блоки header и footer, ничем от выше приведенной секции не отличаются......Вы всегда можете удалить внутренние блоки и получить обычный контейнер, разметка от этого ни сколько не пострадает...Подробнее: http://trifler.ru/blog/post_1216836960.html
Иллюзия идеала - middleСтепень соответствия запросу: 25,96% Фрагменты текста поста:...Естественно, что наполнение блока middle, точнее его внутренняя структура может значительно отличаться оттого, что предложено мной......Буду рад, если вы примете не посредственное участие в тестировании не только в самых популярных браузерах OPERA 9......html -код блока middle......} Часть из них определяющие внешнюю сторону оформления блока middle вам встречалась в предыдущем посте......} Строго индивидуальна для блока middle и определяет ширину колонок и заливку фоном или возможность использования графики через background......Теперь вертикальные линии, что отделяют область контента от колонок отведенных под навигацию и рекламные блоки......В IE6 блок middle имеет фиксированную ширину......Просто не много достал "любимый" браузер, вот его и приструнил......) С целью уменьшения объема файла стилей управление оформлением border -а вынесено в отдельную секцию, что в конечном итоге дает легкую и быструю смену цвета, вам не понадобится рыскать по всему файлу стилей в поисках, где же еще надо править цвет border -а......Сравнив html -код и стили трех примеров, вы увидите, что необходимо изменить для получения того или иного варианта отображения блока middle...Подробнее: http://trifler.ru/blog/post_1217255379.html
Иллюзия идеала – alignment on the centerСтепень соответствия запросу: 9,13% Фрагменты текста поста:...Первым делом, необходимо заставить наши слои, которые могут иметь любую ширину и обладая max-width находиться строго по центру с равными отступами от вертикальных границ окна браузера или же занимать все доступное место в том же самом окне......Но все осложняется переносом блока header ниже контейнера middle по html -коду......} центрирует указанные блоки с зданием максимальной и минимальной ширины......Тут body выполняет роль блока, коим по своей природе и является, о чем многие или не знают или забывают по каким-то, не ведомым мне причинам, иногда и сам грешу этим, создавая дополнительные контейнеры, без которых можно прекрасно обойтись......Но впереди разговор о не менее интересном блоке middle...Подробнее: http://trifler.ru/blog/post_1217070613.html
Танцы с волками…Степень соответствия запросу: 8,2% Фрагменты текста поста:
...Браузеры, это такие милые зверюшки, которые часто нуждаются в приручении и любви, но без должного опыта в дрессуре, с ними ой, как трудно......Но, как показала практика, у приема на его основе, есть серьезный минус, абсолютно позиционированныеблоки всегда требуют конкретного указания ширины......Если у нас, к примеру, область контента резиновая, приходится ставить проценты, а с ними не только у браузеров не лады, но и по разному процентные величины, у разных блоков, ведут себя при уменьшении размеров окна браузера......Два пустых блока отвечающих за отрисовку нижних border -ов, выделены цветом, согласен плохо и не хорошо...Подробнее: http://trifler.ru/blog/post_1238257765.html
...Но вот какая штука, давно пытался привести html -код блока middle к такому виду......В принципе изначально, в статье, в очередной раз "любимый" браузер сдался на милость победителя и ему остается только сделать хорошую мину при плохой игре......создание ложных вертикальных линий с помощью различных комбинаций background-color для контейнеров входящих в состав блока #middle......вместо двух колонок сделать одну соответствующей ширины и уже в ней с использованием float, размещать необходимые блоки в удобной вам последовательности...Подробнее: http://trifler.ru/blog/post_1218641450.html