одного этого более чем достаточно... притом "адаптивность" это далеко не только "размер экрана" 😂 например по хорошему для touch устройств должна быть своя навигация "под пальцы", для телевизоров тем более своя "под пульты" и т.д. дофига всего в этой "адаптивности" на самом деле...
one: Да но падинг врапера мешает ей растянуться...
но ничто не мешает расстянуться самому врапперу ;) или вы придумали себе особую "ризиновость". это шаблон для 2-х колонок и контента. нужен вариант с одной колонкой - рисуете враппер с одним паддингом.
любо плюёте на очерёдность инфы и рисуете простые плавающие блоки без всяких обёрток. выше предложен более чем норм вариант...
Proctor: ... Так зачем тогда делать этот адаптивный дизайн? Есть ли какое-нибудь исследование, по результатам которого видно, что 90% юзеров не любят смотреть обычные версии сайтов предпочитая именно адаптивную верстку или мобильную? ...
"любит - не любит" 😂 вы ещё в ромашку сыграть предложите. достаточно прикинуть, сколько юзверей просто уйдут с сайта если его дизайн не подстроиться под гаджет и они увидят нечитабельный бардак на экране. или кто то из ваших знакомых "любит" непрерывно скроллить экран и/или разбираться в каше поплывшей вёрстки? ...
one: Так ну роде горизонтально все встало на свои места. Но центральный не меняет размер если убираются боковые блоки.
так паддинги враппера мешают.
есЧо раз: такая конструкция была придумана, что бы центральный блок с контентом можно было поставить выше (перед) блоков со служебными колонками - типа для ботов "важное ближе к началу". если с этим не заморачиваться, то все решается обычными плавающими блоками колонок.
Ayavryk: ...Офтопик Относительно вашего аватара. Кажется у меня сохранилось первое издание Зеленой книги. Если найду - подарить? Тоже кстати хороший пример сферического коня в вакууме.
буду благодарен ;) символы (аватары) задают направление, но не передают смысл. и да, маг пустыни был слишком идеалистичен, жаль что окончательно доказано это было мерзким способом...
- у блока-враппера паддинги слева и справа на ширину боковых блоков + отступ
- левый (1) блок имеет флоат влево и отрицательный марджин влево на ( ширина + отступ )
- правый (3) блок имеет флоат вправо и отрицательный марджин вправо на ( ширина + отступ )
- центральный (2) сам займёт всё свободное место между паддингами враппера
порядок блоков во враппере ессессно такой: сначала плавающие под ними статический (апд: это навскидку, возможно получится первым поставить блок с контентом а под ним уже колонки! вроде де бы именно для этого я такую конструкцию и реализовывал в своё время).
ну и враппер либо на всю ширину своего конейнера (по умолчанию), либо с заданной шириной...
АПД: для контроля внутренним блокам лучше задать box-sizing: border-box
Ayavryk: ... Даже там где идет чистая статика (блог фирмы) разработчики умудряются затолкать 400К скриптов.
безотносительно к конкретному примеру:
- вы уверены, что "статичный контент" на самом деле не сгенерирован из JSON на клиенте скриптом шаблонизатором + скомпилированными в скрипты шаблонами как раз из этих многих килобайт?
- вы уверены, что "статичная навигация" на самом деле не обеспечивается на клиенте скриптом маршрутизатора тоже из этих многих килобайт?
- вы уверены, что "статичная страница" на самом деле не имеет массы фоновых динамических функций начиная от примитивного контроля онлайна и заканчивая полной реактивностью опять же из этих многих килобайт?
- вы уверены, что анализаторы загрузок каждый раз тупо не показывают объёмы именно старта системы с этого адреса, а к внутренним переходам (в отличии от кошерной статики) это не имеет отношения?
даже на этом примитивном >>> Derby <<< сайте сервисы анализа то же покажут овер 140К подгруженных скриптов даже на страницы контактов, вот только к реальности это не имеет отношения 😂 ...
... только не весь по ширине влазит.
одного этого более чем достаточно... притом "адаптивность" это далеко не только "размер экрана" 😂 например по хорошему для touch устройств должна быть своя навигация "под пальцы", для телевизоров тем более своя "под пульты" и т.д. дофига всего в этой "адаптивности" на самом деле...
Да но падинг врапера мешает ей растянуться...
но ничто не мешает расстянуться самому врапперу ;) или вы придумали себе особую "ризиновость". это шаблон для 2-х колонок и контента. нужен вариант с одной колонкой - рисуете враппер с одним паддингом.
любо плюёте на очерёдность инфы и рисуете простые плавающие блоки без всяких обёрток. выше предложен более чем норм вариант...
У меня вышло так, что контент между колонок расположил что бы выводился в коде в верху.
значит можно контент и в самом верху расположить - иначе бы нижняя колонка ушла к краю под контентом, а так "всплыла наверх" в паддинге.
... Так зачем тогда делать этот адаптивный дизайн? Есть ли какое-нибудь исследование, по результатам которого видно, что 90% юзеров не любят смотреть обычные версии сайтов предпочитая именно адаптивную верстку или мобильную? ...
"любит - не любит" 😂 вы ещё в ромашку сыграть предложите. достаточно прикинуть, сколько юзверей просто уйдут с сайта если его дизайн не подстроиться под гаджет и они увидят нечитабельный бардак на экране. или кто то из ваших знакомых "любит" непрерывно скроллить экран и/или разбираться в каше поплывшей вёрстки? ...
Если завернуться, то как сделать середину резиновой на данном примере?
середина и так резиновая - обычный статический блок расстягивающий на всю доступную ширину внутри враппера между паддингами.
Так ну роде горизонтально все встало на свои места. Но центральный не меняет размер если убираются боковые блоки.
так паддинги враппера мешают.
есЧо раз: такая конструкция была придумана, что бы центральный блок с контентом можно было поставить выше (перед) блоков со служебными колонками - типа для ботов "важное ближе к началу". если с этим не заморачиваться, то все решается обычными плавающими блоками колонок.
...Офтопик
Относительно вашего аватара. Кажется у меня сохранилось первое издание Зеленой книги. Если найду - подарить? Тоже кстати хороший пример сферического коня в вакууме.
буду благодарен ;) символы (аватары) задают направление, но не передают смысл. и да, маг пустыни был слишком идеалистичен, жаль что окончательно доказано это было мерзким способом...
напрмер, типо так:
- все три контейнера завёрнуты в блок-враппер
- у блока-враппера паддинги слева и справа на ширину боковых блоков + отступ
- левый (1) блок имеет флоат влево и отрицательный марджин влево на ( ширина + отступ )
- правый (3) блок имеет флоат вправо и отрицательный марджин вправо на ( ширина + отступ )
- центральный (2) сам займёт всё свободное место между паддингами враппера
порядок блоков во враппере ессессно такой: сначала плавающие под ними статический (апд: это навскидку, возможно получится первым поставить блок с контентом а под ним уже колонки! вроде де бы именно для этого я такую конструкцию и реализовывал в своё время).
ну и враппер либо на всю ширину своего конейнера (по умолчанию), либо с заданной шириной...
АПД: для контроля внутренним блокам лучше задать box-sizing: border-box
... Даже там где идет чистая статика (блог фирмы) разработчики умудряются затолкать 400К скриптов.
безотносительно к конкретному примеру:
- вы уверены, что "статичный контент" на самом деле не сгенерирован из JSON на клиенте скриптом шаблонизатором + скомпилированными в скрипты шаблонами как раз из этих многих килобайт?
- вы уверены, что "статичная навигация" на самом деле не обеспечивается на клиенте скриптом маршрутизатора тоже из этих многих килобайт?
- вы уверены, что "статичная страница" на самом деле не имеет массы фоновых динамических функций начиная от примитивного контроля онлайна и заканчивая полной реактивностью опять же из этих многих килобайт?
- вы уверены, что анализаторы загрузок каждый раз тупо не показывают объёмы именно старта системы с этого адреса, а к внутренним переходам (в отличии от кошерной статики) это не имеет отношения?
даже на этом примитивном >>> Derby <<< сайте сервисы анализа то же покажут овер 140К подгруженных скриптов даже на страницы контактов, вот только к реальности это не имеет отношения 😂 ...
... Т.е. я хочу чтобы без перезагрузки страницы отправлялась форма в iframe, и затем в div выводился результат
ну так прогуглите как скрипт во фрейме может получить доступ к родительскому окну...