Как изменить ширину центральной колонки?
firewall
Новичок
: 2
: 24-02-2013


24-02-2013 19:09
Добрый день!

Вопрос наверняка много раз обсуждался, но через поиск попадается в основном разрозненная информация. Поэтому вопрос немного актуален.

Дефолтный шаблон идёт в трёхколоночном варианте.

Необходимо удалить правую колонку, а центральную растянуть на величину удалённой колонки. Это необходимо на всех страницах магазина.

Насколько я понял из уже найденной информации, удалить правую колонку можно в footer.tpl. Но я это сделал просто отключив или переместив все модули, которые выводились в правую колонку.

Теперь осталось растянуть центральную колонку, чтобы она заняла место центральной + удалённой правой колонки. Опять же поиски наводят на то, чтобы редактировать global.css текущего шаблона, но что конкретно редактировать - не понятно. Если не трудно, подскажите, пожалуйста.

Заранее благодарю.
 
  
doubled
Cпециалист
: 296
: 08-06-2011


24-02-2013 20:07
Поиски наводят правильно.
Редактировать нужно global.css и установить
#center_column {width:757px}
 
  
firewall
Новичок
: 2
: 24-02-2013


24-02-2013 21:54
Вот с этим и проблема как раз возникла.

Во-первых, фрагмент #center_column встречается во многих местах файла global.css
Во-вторых, везде, где этот фрагмент с аттрибутом width, там уже выставлено 757px.

Если я правильно понимаю, width: 757px нужно добавлять в самом начале, где structure? Я попробовал добавить именно сюда, в итоге центральная колонка съехала под первую, т.е. видимо, вышла за границы общей ширины. Т.е. если я выставляю не 757, а например, 700, то ничего не съезжает, но видно, что визуально центральная колонка меньше, чем могла бы быть.

Подскажите, пожалуйста, как правильно удалить правую колонку на всех страницах и растянуть среднюю на длину правой, чтобы ничего не съезжало?

Заранее благодарю!


Сообщение отредактировано firewall 24-02-2013 20:55 ...
 
  
doubled
Cпециалист
: 296
: 08-06-2011


24-02-2013 22:05
Думаю вот это самый правильный вариант. Последний пост.


Сообщение отредактировано doubled 24-02-2013 17:08 ...
 
  
mnnnnn
Новичок
: 3
: 26-02-2013


26-02-2013 23:02
Спасибо! отличная ссылка и вроде всё получилось, но остался нюанс - между левой и центральной колонкой есть зазор, также как между центральной и правой. Так вот после удаления правой колонки зазор остаётся, т.е. я не могу центральную колонку растянуть до самого правого края, мешает зазор. Подскажите, пожалуйста, как и где его можно убрать?

Заранее спасибо!
 
  
avpet
Cпециалист
: 154
: 26-10-2011


26-02-2013 23:36
надо в css, в классах, относящихся к колонкам поставить padding: 0; margin: 0;
 
  
mnnnnn
Новичок
: 3
: 26-02-2013


27-02-2013 02:35
Спасибо, в общем-то понятно, что что-то и где-то надо поставить. CSS-файлов там около 20 штук и соответственно, padding и margin встречаются в них не один десяток раз. Если Вы это делали, могли бы уточнить, в каких CSS и где нужно поставить?

Мне вот, например, кажется, что если поставить padding и margin 0, то центральная колонка слипнется с левой или же по краям не будет совпадать. Поправьте, если ошибаюсь.
 
  
avpet
Cпециалист
: 154
: 26-10-2011


27-02-2013 10:34
расстоянием между блоками надо править padding.
margin - же отвечает за отступ от границы блоков.
т.е. если вы не хотите убрать "зазоры", то надо просто поправить эти значения в данном файле и посмотреть на результат.

global.css
#left_column
#right_column
#center_column