Переход от фиксированной ширины к резине + адаптив. Как реализовать?

Question

[freeman0204]

Сверстал фиксированную сетку, изучаю float'ы. don-dreyper.16mb.com (картинка шаблона прилагается). Что скажете по поводу сетки? Наполнения пока нет, только сетка. Правильно ли работаю с float'ами, уместно ли использую inline-block, padding, margin? Вообщем если есть ошибки хочу знать какие.
Возможно ли теперь эту сетку перевести в резину и добавить еще адаптив? Или лучше заново верстать?
Также посоветуйте как проще высчитывать отступы, ширину колонок что бы они помещались ровно в ширину "page-wrapper"?

Answer 1

[Mr Crabbz]

Самое правильное тут:

* {
   box-sizing:border-box;
}

А чтобы проще с адаптивом было, я обычно стараюсь максимально использовать % в размерах блоков. Потом гораздо проще адаптив верстать.

Comments

[freeman0204]

Самое правильное тут:
* {
box-sizing:border-box;
}
а остальное не правильно?

[Mr Crabbz]

Артур Черешнюк: Да нет, нормально всё. Правда пока особо смотреть то и не на что. Желательно показывать готовый результат)

[Otrivin]

Артур Черешнюк: Можешь попробовать подключить дополнительную css с mediaqueries под разные разрешения, и в ней уже использовать % .