CSS: Вопрос о "разширяюшемся" #wrapper

Вопросы
Господа Гуру LS и CSS, подскажите пожалуйста. У меня следующая проблема.

Я сделал весь сайт шириной 980px. То есть:

/* Generic Blocks
-------------------------------------------------------------------*/
#container { min-width: 980px;  }
#header { height: 100px; clear: both; overflow: hidden; zoom: 1; width: 980px; margin-left: auto; margin-right: auto;}
#nav { clear: both; background: #e8e8e8; }
#wrapper { width:980px; background: #fff; margin-left: auto; margin-right: auto; overflow: hidden; zoom: 1; padding: 20px 46px 30px 20px; margin-bottom: 5px; }
#content { width: 67%; background: #fff; float: left; clear: left; padding-top: 20px; padding-bottom: 20px; zoom: 1; }
#sidebar { width: 31%; float: left; margin-left: 2%; margin-top: -6px; }
#footer { background: url(../images/_background/footer.gif) repeat-x top left; color: #999; height: 342px;padding-right:
 50px;}


Всё выглядит отлично, но когда я захожу в какой-то конкретный топик #wrapper, то есть место где пишется текст топика, сайдбар и комменты — становится ШИРЕ на примерно 20px с право и с лево! Как такое может быть и где поправить? оО

5 комментариев

avatar
Там ниже есть аттрибут white-back, скорее всего в нем дело.
avatar
Спасибо за совет, но к сожалению, это не так. Я вообще убрал этот аттрибут и ничего не поменялось. Потом я попробывал поменять значения в нём — тоже самое. Может у вас есть ещё как-нибудь идеи по этому поводу, был бы очень благодарен?
avatar
Убрав все 4 аттрибута в комментарии я добился того, что главная стала «тянуться» на те же 10px с каждой стороны, что впринципе приемлимо. Но вот к чему эти строчки стиля относятся для меня остаётся пока загадкой. Может вы можете объяснить последствия такого шага? ) Спасибо!

/*
.update-hide { padding: 20px 20px 30px 20px !important; }
.white-back { background: #fff; margin: 0 10px 30px 10px; padding-bottom: 15px; padding-left: 20px; }
.white-back #content { clear: none; padding-top: 0; }
.page-talk { padding-left: 3px !important; margin-right: 50px !important; }
*/
avatar
Эти 4 класса подключаются через переменные в шаблоне, например в классу wrapper она подключаются в header'е

<div id="wrapper" class="{if !$showUpdateButton}update-hide{/if} {if $showWhiteBack}white-back{/if}>

А нужно присваивать ему эти классы или нет говориться непосредственно в шаблоне страницы, например для топика это выглядит следующим образом (у меня):

{include file='header.tpl' showWhiteBack=true}
avatar
Благодарю!
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.