Как увеличить контент и правый контейнер?

голоса: 0

Хочется увеличить контент, и правый контейнер, чтобы убрать пустое пространство. Но сделать так, что бы к отступт снизу и сверху от head и foot осталося. На скриншоте покажу, чтобы попонятнее выглядело.

 

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

Адрес сайта http://mytestone.usite.pro
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ

В стилях в строке 120 ищите стили:

#content {float:left;width: 72%;background:#fff;padding:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

выделил красным, это ширина каркаса под контент, измените значение как пример на 73. Далее ищем в стилях строку номер 80:

#sidebar {float:right;width: 26%;background:#fff;}

26 - это ширина левого контейнера, можно заменить например на 26.5

Далее в стилях найдите строку номер 28:

#casing {padding: 10px;}

советовал бы ее заменить на:

#casing {padding: 10px 0px;}

чтобы отступ был корректным под контент так как он немного уходит вправо.

Чтобы отрегулировать отступ как на скриншоте между полосками, в стилях в строке 26 ищите стили:

hr {clear:both;border:none;border-bottom: 4px solid #b33d3d;padding:10px 0 0;margin:0 0 10px;}

регулируйте паддинг так как он для тега hr большой.

| Автор:
Выбор ответа лучшим | | Автор: trem200
...