Нужна помощь в исправлении небольшой ошибки в коде

Тема в разделе "Другие языки", создана пользователем AggreSSor, 8 окт 2010.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. AggreSSor

    AggreSSor

    Регистр.:
    28 фев 2009
    Сообщения:
    222
    Симпатии:
    5
    Значит нашел и скачал шаблон для DLE, и заметил что шаблон немного искажен, если всмотреться то можно заметить. И вот никак не могу разобраться где ошибка.

    Вот где ошибка:
    [​IMG]
    Как видно с левой стороны всё в порядке, а вот правая сторона немного обрезана.

    Как уже догадался проблема в массиве 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;}
    Помогите найти этот злопулучный кусочек кода, который портит всю малину.

    Заранее благодарен
     
  2. diavolic

    diavolic

    Регистр.:
    17 мар 2010
    Сообщения:
    522
    Симпатии:
    102
    страницу целиком выложи, быстрее поможем
     
  3. AggreSSor

    AggreSSor

    Регистр.:
    28 фев 2009
    Сообщения:
    222
    Симпатии:
    5
    скриншот страницы? или весь код?
     
  4. horpah

    horpah

    Регистр.:
    21 июн 2010
    Сообщения:
    200
    Симпатии:
    55
    Всю страницу с CSS и JS. Фаербагом ищется все гораздо быстрее, чем прокруткой в голове
     
Статус темы:
Закрыта.