IRagnarokДоброго времени суток!

Вот я делаю сайт. Я вообще чайник в этом и мало чего понимаю.
Взял за основу один сайт и переделал под свой.
Когда открываешь страничку то всё красиво, но стоит поменять разрешение или зайти с телефона, то разметка начинается меняться.
Так то это нормально, но некоторые части привязаны к правой стороне а некоторые к левой. То есть при изменении разрешения блоки становятся друг над другом но не стоят ровно а привязаны к сторонам экрана.
Как сделать так, чтобы при изменении разрешении экрана блоки менялись и становились посередине , а не по бокам?

Вот сайт, попробуйте изменить разрешения. Ещё раз напоминаю что я чайник!

http://bestps.ru/

Это называется адаптивность.
Но вы начали не с того. Начинать нужно с установки CMS
А в ней уже есть адаптивность.

IRagnarokНу это конструкторы сайтов. Мне они не нужны.

я хочу ручками ручками написать. Дело в том , что в одном блоке float:left; а в другом float:right;
Поэтому при изменении размера они привязываются к сторонам.
Вопрос таков, как можно разместить блоки по боками, но при изменении размера, чтобы они вставли друг над другом посередине экрана?

Ручками сейчас пишут темы оформления под CMS.

miltorgIRagnarokНу это конструкторы сайтов. Мне они не нужны.

я хочу ручками ручками написать. Дело в том , что в одном блоке float:left; а в другом float:right;
Поэтому при изменении размера они привязываются к сторонам.
Вопрос таков, как можно разместить блоки по боками, но при изменении размера, чтобы они вставли друг над другом посередине экрана?

Ручками сейчас пишут темы оформления под CMS.

Посмотрел ваш сайт. Адаптивность - это media