User:StasFomin/Q/Вопросы по верстке

From Wiki4Intranet
< User:StasFomin
Revision as of 16:52, 8 February 2013 by StasFomin (Talk | contribs) (Врезки, вылезающие за пределы контейнера)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Блоки расползающиеся по краям колонки

Хочу сделать простой информационный дизайн — одна основная колонка (текст/графика/видео), которая занимает условно минимум из 90% или 1024 пикселей — чтобы быть читаемой и на широких мониторах.

   width: 90%;
   max-width: 1024px;

и пара-тройка информационных блоков (поиск там, категории и все такое), которых хотелось бы, чтобы при узкой ширине они залезали перед информационным блоком

Блоки расползающиеся по краям колонки 01.svg

А на широком мониторе лезли вправо или влево от основной колонки, а она начиналась сверху:

Блоки расползающиеся по краям колонки 02.svg


Это все для страниц типа таких.

Как бы это сверстать?


Врезки, вылезающие за пределы контейнера

Еще вопрос — опять таки, основная колонка резиновая для малых разрешений и ограниченная с по ширине для больших.

   width: 90%;
   max-width: 1024px;

Т.е. текст всегда остается читаемым, но хочется иметь возможность врезки/флоаты графики, вытаскивать из основного блока на поля, если разрешение большое, типа

Врезки, вылезающие за пределы контейнера 01.svg

Как бы это сделать?