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

From Wiki4Intranet
Jump to: navigation, search
(Created page with "=== Блоки расползающиеся по краям колонки === Хочу сделать простой информационный дизайн — одна ...")
 
Line 17: Line 17:
  
 
Как бы это сверстать?
 
Как бы это сверстать?
 +
 +
 +
=== Врезки, вылезающие за пределы контейнера ===
 +
 +
Еще вопрос — опять таки, основная колонка резиновая для малых разрешений и ограниченная с по ширине для больших.
 +
 +
    width: 90%;
 +
    max-width: 1024px;
 +
 +
Т.е. текст всегда остается читаемым, но хочется иметь возможность врезки/флоаты графики, вытаскивать из основного блока на поля, если разрешение большое, типа
 +
 +
[[File:Врезки, вылезающие за пределы контейнера 01.svg|center|1024px]]

Revision as of 16:50, 8 February 2013

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

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

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

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

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

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

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


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

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


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

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

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

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

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