AggreSSor
Участник
- Регистрация
- 28 Фев 2009
- Сообщения
- 222
- Реакции
- 6
- Автор темы
- #1
Значит нашел и скачал шаблон для DLE, и заметил что шаблон немного искажен, если всмотреться то можно заметить. И вот никак не могу разобраться где ошибка.
Вот где ошибка:
Для просмотра ссылки Войдиили Зарегистрируйся
Как видно с левой стороны всё в порядке, а вот правая сторона немного обрезана.
Как уже догадался проблема в массиве container
Код массива:
Теперь код CSS файла:
Помогите найти этот злопулучный кусочек кода, который портит всю малину.
Заранее благодарен
Вот где ошибка:
Для просмотра ссылки Войди
Как видно с левой стороны всё в порядке, а вот правая сторона немного обрезана.
Как уже догадался проблема в массиве container
Код массива:
HTML:
<div class="wrapper">
<div class="radius rtop"><div> </div></div>
<div class="container">
<div class="midside">
<div class="container">
<div class="mainside">
<table class="conts"><tr><td style="padding: 0">
<div class="bannerblock">
<div class="radius rtop"><div></div></div>
<div class="dcont">
{banner_center}
</div>
<div class="radius rbtm"><div></div></div>
</div>
{info}{content}
</td></tr></table>
<div class="dcont">
{banner_footer}
</div>
</div>
<!-- Правая часть -->
<div class="rightside sidebar">
<!-- Навигация -->
<div class="block bnavi">
<span class="dtitle">Каталог статей</span>
<div class="dcont">
<ul class="reset">
Меню
</ul>
</div>
<div class="radius"> </div>
</div>
<!-- /Навигация -->
<!-- Облако тегов -->
<div class="bdark block binfo">
<h3 class="ddtitle">Облако тегов</h3>
<div class="dcont">
{tags}
</div>
<div class="radius"></div>
</div>
<!-- /Облако тегов -->
</div>
<!-- /Правая часть -->
</div>
</div>
<!-- Левая часть -->
<div class="leftside sidebar">
<!-- Навигация -->
<div class="block bnavi">
<span class="dtitle">Download</span>
<div class="dcont">
<ul class="reset">
Меню
</ul>
</div>
<div class="radius"> </div>
</div>
<!-- /Навигация -->
<!-- Опрос -->
<div class="bdark block binfo">
<h3 class="ddtitle">Опрос</h3>
<div class="dcont">
{vote}
</div>
<div class="radius"> </div>
</div>
<!-- /Опрос -->
</div>
<!-- /Левая часть -->
<div class="clr"></div>
</div>
</div>Теперь код CSS файла:
HTML:
* { font-size: 1em; margin: 0; padding: 0; font-family: Tahoma, Arial, Verdana, sans-serif; }
h1, h2, h3, h4, h5 { line-height: normal; font-weight: normal; }
h1 { font-size: 1.4em; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1.0em; }
a { color: #b42d0e; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
input, textarea, select { outline: none; }
body { color: #000; background-color: #FFFFFF; font-size: 0.70em; line-height: 1.4em; }
.pagebg { text-align: center; background-color: #1a1a1a; }
p { padding: 0; margin: 0; margin-bottom: 0.4em; }
.clr { clear: both; }
a img { border: 0 none; }
.parag { text-indent: 30px; }
.small { font-size: 0.9em; color: #717170; }
hr { border: 0 none; border-top: 1px solid #cfcfcf; height: 1px; }
ul { padding-left: 16px; list-style-position:outside; list-style-image:none; }
ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-left: 2.2em; }
table { border-collapse: collapse; border-spacing: 0; }
.reset, .reset li, #pager ul, #pager ul li { margin: 0; padding: 0; list-style: none; }
input.reset { background: none; border: 0 none; }
.wrapper { width: 92%; max-width: 1480px; min-width: 996px; text-align: left; margin: 0 auto; }
.wwide { width: 100%; min-width: 996px; }
*html .wrapper { width: expression((document.body.clientWidth) < 996? "996px": (document.body.clientWidth) > 1480? "1480px": "92%" ); }
*html .wwide { width: expression((document.body.clientWidth) < 996? "996px": "100%" ); }
/*HEAD*/
.lcolomn, .searchform { float: left; display: inline; }
.rcolomn { float: right; display: inline; }
.red { color: #b42d0e; }
.orange { color: #ea8011; }
.hmenu li a, a.rssicon, .bnavi ul li a, .bdark a, .datebox a,
.navigation a, .brelated ul a, .loginline li a, .argmore a { text-decoration: none !important; }
.brelated ul li {list-style: none;}
/*toppanel*/
.hptop, .hptop .wrapper { overflow: hidden; height: 35px; }
.hptop { background: #000 url("../images/wwide.png") repeat-x; }
a.rssicon { margin: 9px 15px 0 0; padding-left: 14px; line-height: 15px; text-align: center; float: right; width: 120px; height: 17px; font-size: 0.9em; color: #39130b; background: #dea950 url("../images/rssbutton.png") no-repeat; }
a.rssicon:hover { background-position: -134px 0; }
.searchform { width: 161px; height: 27px; overflow: hidden; position: relative; background: url("../images/search.png") no-repeat 0 0; margin: 4px 0 0 10px; }
.searchform .lfield { float: left; width: 120px; padding: 0 0 0 13px; margin-top: 6px; }
.searchform .lfield input { width: 120px; color: #c2c2c2; padding-top: 1px; }
.searchform .submit { position: absolute; right: 0; top: 0; }
.searchform .submit input, .searchform .submit { width: 27px; height: 27px; }
.searchform .submit input { cursor: pointer; background: #dea200 url("../images/search.png") no-repeat 0 -27px; }
.searchform .submit input:hover { background-position: -27px -27px; }
/*tophead*/
.hmtop, .hmtop .wrapper { height: 132px; }
.hmtop { background: #30241a url("../images/hmtop.jpg") repeat-x; }
.hmtop h1 a, .footw h1 a { background-image: url("../images/vipsite.png"); float: left; width: 392px; height: 0; overflow: hidden; padding-top: 126px; }
.bannertop { padding: 38px 0 0 14px; position: relative; margin-top: -2px; width: 502px; height: 98px; float: right; background: url("../images/bannertopbg.png") no-repeat; }
.bannertop .dcont { width: 468px; height: 60px; overflow: hidden; }
/*toolbar*/
.hmenut, .spbbg, .spbleft, .spbright { height: 98px; }
.hmenut { background: #1a1a1a url("../images/wwide.png") repeat-x 0 -36px; }
.spbbg { background: url("../images/spbbg.png") repeat-x 0 -196px; }
.spbleft { background: url("../images/spbbg.png") no-repeat 0 0; }
.spbright { background: url("../images/spbbg.png") no-repeat 100% -98px; }
.toolbar { padding: 14px 12px 0 12px; height: 42px; margin-bottom: 15px; }
.hmenu, .hmenu li { display: inline; }
.hmenu li a, .hmenu li a span { cursor: pointer; height: 42px; float: left; background: url("../images/hmenu.png") no-repeat; }
.hmenu li a { color: #e78839; line-height: 39px; min-width: 138px; margin-right: 4px; }
.hmenu li a span { padding: 0 15px 0 43px; }
.hmenu li a:hover { color: #e7ddb0; background-position: 100% -420px; }
.hmenu li a.hmforum span { background-position: 0 -210px; }
.hmenu li a.hmfeed span { background-position: 0 -252px; }
.hmenu li a.hmadw span { background-position: 0 -294px; }
.hmenu li a.hmrul span { background-position: 0 -336px; }
.hmenu li a.hmprite span { background-position: 0 -378px; }
.hmenu li a.hmforum:hover span { background-position: 0 0; }
.hmenu li a.hmfeed:hover span { background-position: 0 -42px; }
.hmenu li a.hmadw:hover span { background-position: 0 -84px; }
.hmenu li a.hmrul:hover span { background-position: 0 -126px; }
.hmenu li a.hmprite:hover span { background-position: 0 -168px; }
.speedbar { margin: 0 75px; color: #d3d3d3; overflow: hidden; }
.speedbar a { color: #ff9926; }
.loginform { display: inline; }
.loginline { float: right; display: inline; padding-top: 6px; }
.loginline li { display: inline; }
.loginline li a { line-height: 27px; color: #1e1d1b; }
.loginline li a b, .loginline li a { float: left; cursor: pointer; height: 29px; background: url("../images/loginbtn.png") no-repeat 0 0; }
.loginline li a b { padding: 0 14px; }
.loginline li a.ybtn { background-color: #dc861f; background-position: 100% -29px; }
.loginline li a.ybtn b { background-position: 0 0; }
.loginline li a.ybtn:hover { background-position: 100% -87px; }
.loginline li a.ybtn:hover b { background-position: 0 -58px; }
.loginline li a.dbtn { background-color: #000; background-position: 100% -116px; color: #e78839; }
.loginline li a.dbtn b { background: none; }
.loginline li a.dbtn:hover { color: #e7ddb0; }
.loginwindow { position: fixed; background: #251c14 url("../images/vipsitelogtop.jpg") no-repeat 0 0; width: 398px; left: 34%; top: 170px; border: 1px solid #5d4e41; display: none; z-index: 999; overflow: hidden;
filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
}
*html .loginwindow { position: absolute; }
.statsite .lwpad { padding: 20px; }
.lwhead { overflow: hidden; padding: 0 10px; height: 99px; background: #423224 url("../images/vipsitelogtop.jpg") no-repeat 0 0; }
.statsite .lwhead { background-image: url("../images/stathead.png"); }
.lwhead a img { float: right; width: 17px; height: 19px; margin: 10px 0 0; background: url("../images/loginclose.png") no-repeat 0 0; }
.lwhead a:hover img { background-position: 0 -19px; }
.loginbox { padding: 10px 0; margin: 0 25px; }
.loginbox .lfield span { display: block; margin: 0 0 3px 0; color: #fff; }
.loginbox .lfield span a { color: #f09025; }
.loginbox .lfield div { border: 1px solid #5d4e41; background-color: #17110c; margin: 0 0 10px 0; padding: 2px 0; }
.loginbox .lfield div input { border: 0 none; background: none; width: 100%; font-size: 1.5em; color: #ff9926; }
.loginbox .submit { text-align: center; }
.loginbox .submit .btn { font-weight: bold; cursor: pointer; padding: 0 0 5px 0; display: inline-block; height: 29px; width: 77px; border: 0 none; background: #dca44c url("../images/loginbtn2.png") no-repeat 0 0; }
.loginbox .submit .btn:hover { background-position: 0 -29px; }
.loginenter { overflow: hidden; padding: 10px 0 20px 129px; }
.lgavatar { display: inline; float: left; margin: 0 0 0 -129px; width: 129px; text-align: right; }
.lgavatar img { width: 100px; border: 1px solid #31251b; }
.lginfo { display: inline; float: right; width: 100%; }
.lginfo ul { padding-left: 20px; color: #ff9926; }
.lginfo ul li { padding: 1px 0; }
.lginfo ul a { color: #fff; }
.lginfo ul a:hover { color: #ff9926; }
/*structure*/
.radius, .radius div { z-index: 20; position: relative; height: 6px; overflow: hidden; font-size: 1px; background-image: url("../images/toprad2.png"); background-repeat: no-repeat; line-height: 1px; }
.radius { background-color: #d3cbc1; }
.rtop { background-position: 0 0; }
.rtop div { background-position: 100% -6px; }
.rbtm { background-position: 0 -12px; }
.rbtm div { background-position: 100% -18px; }
.container, .leftside, .midside, .rightside, .mainside { overflow: hidden; }
.container { background-color: #d3cbc1; padding: 0 0 6px 219px; }
.container .midside .container { background: none; padding: 0 219px 0 0; }
.leftside, .rightside { display: inline; width: 213px; padding-left: 6px; }
.leftside { float: left; margin: 0 0 0 -219px; }
.rightside { float: right; margin: 0 -219px 0 0; background-color: #d3cbc1; }
.midside, .mainside, table.conts { width: 100%; }
.midside { float: right; width: 100%; }
.mainside { float: left; }
table.conts { border: 0 none; }
/*footer*/
.footrad { background: url("../images/wwide.png") repeat-x 0 -135px; }
.footrad, .footrad div { height: 47px; text-align: center; }
.footrad div { background: url("../images/toprad.png") 0 -132px; }
.footrad .wpapper { background-color: #d3cbc1; background-repeat: repeat-x !important; }
.footrad div div { background-position: 0 0; background-repeat: no-repeat; }
.footrad div div div { background-position: 100% -66px; }
.footrad a { overflow: hidden; display: block; margin: 0 auto; padding-top: 30px; height: 0; width: 141px; background: url("../images/uppage.png") 0 0; }
.footrad a:hover { background-position: 0 -30px; }
.footw { overflow: hidden; height: 92px; background: #291f16 url("../images/footw.jpg") repeat-x 0 0; }
.footw h1 a { width: 258px; padding-top: 92px; background-image: url("../images/vipsitefoot.png"); }
.copyright { margin-top: 75px; float: left; color: #fff; }
.copyright a { color: #fff; }
.counts { display: inline; }
.counts ul { float: right; margin-top: 16px; }
.counts ul li { float: left; width: 88px; height: 31px; padding: 0 2px 2px; margin-left: 6px; border: 1px solid #584635; border-width: 0 1px 1px 0 }
.footw2 { background: url("../images/wwide.png") repeat-x 0 -183px; }
.footw2 .wrapper { height: 72px; padding-top: 18px; overflow: hidden; position: relative; }
.centroarts { background: url("../images/centroarts.png"); position: absolute; display: block; top: 31px; right: 3px; width: 100px; height: 0; overflow: hidden; padding-top: 22px; }
.foottext { margin-right: 145px; display: block; color: #9e9e9e; }
.foottext .small, .foottext a { color: #9e9e9e; }
.foottext a { text-decoration: underline; }
.foottext .small { line-height: 1.25em; }
/*buttons*/
.fbutton, .btn_reglog, .vresult { background: none; border: 0 none; cursor: pointer; }
.fbutton { color: #515151; font-weight: bold; background: #fff url("../images/fbuttons.png") no-repeat 0 0; width: 119px; height: 31px; padding: 2px 2px 3px 4px; }
.fbutton:hover { color: #b42d0e; background-position: 0 -31px; }
.vresult { color: #891900; }
/*blocks*/
.sidebar .block { width: 207px; overflow: hidden; margin: 0 0 6px 0; background-color: #fff; }
.block .dcont { margin: 0 9px; width: 189px; overflow: hidden; }
.block .dtitle { background: url("../images/bkdtitle.png"); display: block; overflow: hidden; height: 34px; color: #ff9926; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.25em; line-height: 34px; text-indent: 9px; margin-bottom: 9px; }
.block .radius { background-color: transparent; background-image: url("../images/blockrad.png"); height: 9px; }
.sidebar .bdark { color: #fff; background: #090909 url("../images/bdark.jpg") no-repeat 0 35px;}
.bdark .radius { background-position: -207px; }
.bdark .dtitle { border-bottom: 1px solid #5f3323; margin-bottom: 7px; }
.bdark a { color: #ebebeb; }
.bdark a:hover { color: #ff9926; }
.bnavi ul li a { margin: 0 0 1px 0; color: #000; font-weight: bold; display: block; height: 20px; padding-left: 7px; line-height: 19px; background: url("../images/bnavi.png"); }
.bnavi ul li a:hover { background-position: 0 -21px; background-color: #3a3a3a; color: #fff; }
.sidebar .binfo { background: #090909 url("../images/binfo.jpg") no-repeat 0 0; }
.binfo .dcont { margin: 0 15px 5px 15px; width: 177px; }
.binfo .ddtitle { margin: 15px 75px 15px 15px; font-size: 2em; line-height: 0.9em; min-height: 45px; color: #dc8724; }
.btopnews ul { padding-top: 1px; background: url("../images/dotted.png") repeat-x 0 0; }
.btopnews ul li { background: url("../images/dotted.png") repeat-x 0 100%; }
.btopnews ul li a { padding: 4px 0 5px 0; line-height: normal; width: 100%; display: block; color: #212121; }
.btopnews ul li a:hover { color: #9a280e; }
/*banner block*/
.bannerblock { border: 1px solid #a09689; background-color: #eae6e1; }
.bannerblock .radius div, .bannerblock .radius { background-color: transparent; background-image: url("../images/grboxrad.png"); }
.bannerblock .rbtm { top: 1px; margin: 0 -1px; }
.bannerblock .rtop { top: -1px; left: -1px; overflow: visible; }
.bannerblock .rtop div { right: -2px; }
.bannerblock .dcont { text-align: center; margin: 0 6px; overflow: hidden; }
.bannerblock, .cblock { margin-bottom: 6px; }
.cblock { background-color: #fff; }
.cblock .radius div, .cblock .radius { background-color: transparent; background-image: url("../images/whboxrad.png"); }
img.rss {float: right;}Заранее благодарен