Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
Добрый день!
Не могу изменить горизонтальное расстояние между текстом статьи и сайдбарами. Если увеличиваю "padding", справа сайдбар "выезжает" за пределы шапки сайта.
Не много очистите 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 (Ширина контейнер экспериментируйте)
В css в самый низ добавьте:
.centerColumn { padding: 5px 20px} img {max-width: 100%}
.centerColumn { padding: 5px 20px}
img {max-width: 100%}
Значение, выделенное красным, отвечает за размер полей слева и справа.
Очистите кеш в браузере, вижу паддинг вы прописали, расстояние корректно.
Строка 76
Замените .eBlock{border-spacing:0;border-collapse:separate;width:100%;} на .eBlock{border-spacing:0;border-collapse:separate;width:100%;margin-left: 12px;}
Замените .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