Difference between revisions of "User:StasFomin/Q/Вопросы по верстке"

From Wiki4Intranet
Jump to: navigation, search
(Врезки, вылезающие за пределы контейнера)
 
Line 29: Line 29:
  
 
[[File:Врезки, вылезающие за пределы контейнера 01.svg|center|1024px]]
 
[[File:Врезки, вылезающие за пределы контейнера 01.svg|center|1024px]]
 +
 +
Как бы это сделать?

Latest revision as of 16:52, 8 February 2013

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

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

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

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

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

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

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


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

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


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

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

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

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

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

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