Поиск по блогу Trifler Blog при уменьшении окна браузера блоки наезжают друг на друга

Trifler Blog

Поиск по блогу (нестрогое соответствие):
Документов, удовлетворяющих Вашему запросу: 51 [показано 5]
  1. Иллюзия идеала – html Степень соответствия запросу: 52,89%
    Фрагменты текста поста:
    ...Не смотря на заголовок, до идеала все же далеко и этому есть ряд причин, одна из которых, может быть самая главная, "любимый" браузер, но об этом чуть позже... ...Тем более, в блоке header может находиться горизонтальное меню с многочисленными вложениями, что при отключенных стилях приведет к появлению вертикальной прокрутки на один два экрана... ...Перенос блока header ниже контейнера middle по html -коду, может оказаться полезным и в ряде других случаев... ...К сожалению, полноценное использование абсолютного позиционирования, потребует внесения блока footer в контейнер middle, а там есть свои нюансы... ...Все будет находиться строго по центру окна браузера... ...Перейдем к блоку middle... ...) В общем, подобная структура в различных вариациях неоднократно описывалась мной, и вы без особого труда сможете найти прототип оной на страницах данного блога... ...Структурно блоки header и footer, ничем от выше приведенной секции не отличаются... ...Придание многофункциональности шапке и подвалу, ведет к созданию дополнительных блоков в них со своими стилевыми правилами, определяющими их место расположение относительно друг друга, часто имеющими значительный размер, что не оправданно раздувает файл стилей... ...Вы всегда можете удалить внутренние блоки и получить обычный контейнер, разметка от этого ни сколько не пострадает... ...Стили сгруппированы таким образом, что у каждого слоя все параметры регулируются, не зависимо друг от друга...
    Подробнее: http://trifler.ru/blog/post_1216836960.html


  2. Иллюзия идеала - middle Степень соответствия запросу: 30,51%
    Фрагменты текста поста:
    ...Минимальные завязки друг на друга, практически полная независимость одного слоя от другого, плавно переходим к верстке, да и внутри самого слоя, если максимально выдерживать тот же принцип, появится масса нужных и приятных вещей... ...Естественно, что наполнение блока middle, точнее его внутренняя структура может значительно отличаться оттого, что предложено мной... ...Буду рад, если вы примете не посредственное участие в тестировании не только в самых популярных браузерах OPERA 9... ...html -код блока middle... ...} Часть из них определяющие внешнюю сторону оформления блока middle вам встречалась в предыдущем посте... ...} Другая часть... ...} Строго индивидуальна для блока middle и определяет ширину колонок и заливку фоном или возможность использования графики через background... ...Теперь вертикальные линии, что отделяют область контента от колонок отведенных под навигацию и рекламные блоки... ...В IE6 блок middle имеет фиксированную ширину... ...Просто не много достал "любимый" браузер, вот его и приструнил... ...) С целью уменьшения объема файла стилей управление оформлением border -а вынесено в отдельную секцию, что в конечном итоге дает легкую и быструю смену цвета, вам не понадобится рыскать по всему файлу стилей в поисках, где же еще надо править цвет border -а... ...Сравнив html -код и стили трех примеров, вы увидите, что необходимо изменить для получения того или иного варианта отображения блока middle...
    Подробнее: http://trifler.ru/blog/post_1217255379.html


  3. Любителям экзотики и извращений... Степень соответствия запросу: 6,1%
    Фрагменты текста поста:
    ...web-страница визуально состоит из двух колонок позиционирование которых относительно друг друга и вертикальных границ рабочей области браузера выполнено с помощью position... ...позволяют контенту находящемуся в них и превосходящему по высоте рабочую область браузера, прокручиваться по вертикали независимо друг от друга...
    Подробнее: http://trifler.ru/blog/post_1282942899.html


  4. Иллюзия идеала – alignment on the center Степень соответствия запросу: 5,94%
    Фрагменты текста поста:
    ...Первым делом, необходимо заставить наши слои, которые могут иметь любую ширину и обладая max-width находиться строго по центру с равными отступами от вертикальных границ окна браузера или же занимать все доступное место в том же самом окне... ...Но все осложняется переносом блока header ниже контейнера middle по html -коду... ...} центрирует указанные блоки с зданием максимальной и минимальной ширины... ...Тут body выполняет роль блока, коим по своей природе и является, о чем многие или не знают или забывают по каким-то, не ведомым мне причинам, иногда и сам грешу этим, создавая дополнительные контейнеры, без которых можно прекрасно обойтись... ...Но впереди разговор о не менее интересном блоке middle...
    Подробнее: http://trifler.ru/blog/post_1217070613.html


  5. Момент истины - “Техника Gordi” Степень соответствия запросу: 4,55%
    Фрагменты текста поста:
    problems_ie6
    ...Но вот какая штука, давно пытался привести html -код блока middle к такому виду... ...В принципе изначально, в статье, в очередной раз "любимый" браузер сдался на милость победителя и ему остается только сделать хорошую мину при плохой игре... ...создание ложных вертикальных линий с помощью различных комбинаций background-color для контейнеров входящих в состав блока #middle... ...вместо двух колонок сделать одну соответствующей ширины и уже в ней с использованием float, размещать необходимые блоки в удобной вам последовательности...
    Подробнее: http://trifler.ru/blog/post_1218641450.html


История внешних поисковых запросов

Locations of visitors to this page
free  counters