Прошу подсказать, как правильно подредактировать футер, чтобы он занимал всю ширину (т.е. чтобы был резиновым), а не группировался по левому краю.

За футер отвечает footer.css

#footer {
margin: 0 auto;

height: 200px;
background: #d1d1d1 url({style_images_url}/footer.png) repeat-x;
float: none;
margin-bottom: -20px;
}

ul.links {

display: inline-block;
width: 300px;
background: #dadada;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
text-align:center;
margin: 0 10px;
}

.ugh {
margin-left: auto;
margin-right: auto;
display: inline-block;
margin-top: 15px;
}

ul.links h3 {
border-bottom: 1px solid #bbb;
padding: 4px;
margin-left: 5px;
margin-right: 5px;
font-size: 18px;
text-align:left;
}

ul.links li {
padding: 4px;
margin-left: 10px;
text-align:left;
}

Скрин прилагается.

Edited 1 мая, 201312 yr by ursus102

а может в шаблоне где это тоит по бокам поставить тег <center></center>

forcer, я изменил вопрос. Мне нужно не отцентровать, а прорезинить. Чтобы в зависимости от того, на каком мониторе, на каком устройстве просматривают сайт, футер изменял свой размер, но занимал бы всю "футерную зону".

Я пробовал менять

width: 300px;

на проценты, но результата не получал. Блоки вообще начинали кривиться. Видимо что-то надо изменить и дописать, чтобы блоки занимали всю ширину.

За футер отвечает footer.css

Такого файла нет по умолчанию в IP.Board. Это css файл какого-то стиля.

В шаблоне globalTemplate удали конструкцию main_width у этого футера.