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

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

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

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

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

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

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

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

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

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

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

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

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