Мой Справочник | CSS | Резиновая вёрстка

от px к %
Размеры в %-ах. От ширины родительского элемента До:
width: 500px;
margin: 0 auto;
padding: 10px;


После:
max-width: 500px;
min-width: 250px;
margin: 0 auto;
padding: 10px 2%; // 10px/500px=2%


1. Сначала верстается фикс. страница в px по макету, а потом уже производится переход в %-ты от этих пикселей.
2. 500px берётся за основу, всё расчеты будут вестись от этого значения для width, margin и padding
3. Нужно у центровщика удалить фикс. ширину, задать максимальную и минимальную, а горизонтальные значения отныне указывать в %-тах
Вложенные элементы Горизонтальные padding и margin вложенных блоков считают как процент от родителького блока, а не от своего, а вертикальные - от своего