Как изменить горизонтальное расстояние на сайте между текстом статьи и сайдбарами?

Голоса: +1

Добрый день!

Не могу изменить горизонтальное расстояние между текстом статьи и сайдбарами. Если увеличиваю "padding", справа сайдбар "выезжает" за пределы шапки сайта.

Адрес сайта http://www.krasotizemli.ru
| Автор: | Категория: Дизайн сайта

Не много очистите css,и поправьте ширину контейнера,и всё будет красиво.

1)Найдите  замените Строка 14 #contentBlock{min-width:940px;width:expression(document.body.clientWidth < 940? "940px": "auto");text-align:left;margin-left:auto;margin-right:auto;}

2)На #contentBlock{text-align:left;margin-left:auto;margin-right:auto;}


3)Контейнер  сделать не много шире,или наоборот ищем Строка 13

#contanier{width:1200px;margin:0 auto;box-shadow:0 0 3px #000}


4)(width:1200px (Ширина контейнер  экспериментируйте)

Ответов: 3

голоса: +2
 
Лучший ответ

В css в самый низ добавьте:

.centerColumn { padding: 5px 20px}

img {max-width: 100%}

Значение, выделенное красным, отвечает за размер полей слева и справа.

| Автор:
Выбор ответа лучшим | | Автор: Светлана Шабельник
Спасибо! Помогло!
голоса: +2

Очистите кеш в браузере, вижу паддинг вы прописали, расстояние корректно.

| Автор:
голоса: +2

Строка 76 

Замените .eBlock{border-spacing:0;border-collapse:separate;width:100%;}

на

.eBlock{border-spacing:0;border-collapse:separate;width:100%;margin-left: 12px;}

 

| Автор:

Когда я добавляю margin-left: 12px;} текст съезжает вправо (

Светлана Шабельник,

Проверял инспектор ,как указано на картинке,должен уходить весь контейнер ,в право,а там на ваш вгзляд,регулировать ))Есть вариант такой ,модуль новости/Страница материала ,и комментария к нему ,перед </head> <style>.eBlock{border-spacing:0;border-collapse:separate;width:100%;margin-left: 4px;}</style>

Рекомендую на 4px

...