Как сделать 3 горизонтальных DIV'a друг под другом, по центру экрана, при сужении окна?

Question

[painfulangel]

Помогите, пожалуйста! Уже который день борюсь с этой задачкой.
Есть 3 горизонтальных DIV'a с float:left; и фиксированной шириной

эти дивы выровнены по центру margin: 0 auto;
При сужении окна нужно чтоб блоки перестраивались друг под друга и выравнивались по центру вот так:


У получается только что блоки друг под другом, но они прибиты к левому краю, но справа остается некрасивый большой отступ.

Comments

[Виталий Киренков]

Картинки не подтянусь...

[painfulangel]

перезалил

Answer 1

[Виталий Киренков]

@media (max-width: 1000px){
div { float: none; margin: 0 auto;}
}

и чего тут мучатся?

Comments

[painfulangel]

Спасибо за ответ! А если будет IE 7, 8 лучше JS'ом выравнивать?

[Виталий Киренков]

code.google.com/p/css3-mediaqueries-js

[painfulangel]

Спасибо! Все намного проще чем я думал

Answer 2

[N O]

Попробуй готовое решение типа фреймворка: getbootstrap.com
На русском: bootstrap-3.ru