как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?

vovchikku · October 10, 2010

вот index.php

<div align="center"><table width="1014" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><?php
 defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?>
<?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/templates/biz_blue/favicon.ico\" />" ; ?>
 <meta name="verify-v1" content="aDtzZU9IIrWcGAsYRKBvN4eLbaK4U4xdG4zbve5S9Rw=" >
<style type="text/css">
<!--
.style12 {color: #FFFFFF;
    font-size: 10px;
}
.style27 {color: #666666}
.style30 {font-size: 10px}
.style31 {font-size: 14px}
-->
</style>
</head>

<body id="body_bg">

     <table width="95%"  border="0" align="center" cellpadding="0" cellspacing="0">
         <tr>
               <td width="169"  align="left"  valign="middle">

            <form action="index.php" method="post" name="form" >


                  <input type="hidden" name="option" value="search" />
                 </form>  

           </td>

<td>  </td>
                 <td  width="601" align="center" class="topnav" valign="bottom">

                      <?php if (mosCountModules('user3')) { ?>
                    <div>
                      <?php mosLoadModules ( 'user3',-1 ); ?>
                    </div>
                      <?php } ?>

                 </td>

        </tr>
  </table>  
  <table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
                 <td  align="center" class="logoheader">  <div align="right" class="style27 style31">
                   <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                     <tr>
                       <td><div align="right"> 
                         <table width="50%" border="0" cellspacing="0" cellpadding="0">
                           <tr>
                             <td><h1 align="right">Разрешение споров арбитражном суде 
                               Ханты-Мансийского автономного округа-Югры </h1>                                
                               <div align="right">


                             </div></td>
                           </tr>
                           <tr>
                             <td><div align="right"></div></td>
                           </tr>
                           <tr>

                           </tr>
                           <tr>
                             <td valign="bottom" background="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/urist_surgut_hanty_line_pho.jpg"><div align="right">
                               <h2>Телефон/факс: +7(3467) 363609, 361932  </h2>
                             </div></td>
                           </tr>
                         </table>
                       </div></td>
                     </tr>
                   </table>
                   </div></td>

        </tr>
  </table>


  <table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0" >
         <tr>


                 <td class="top1" ><?php mosPathWay(); ?></td>
            <td width="251" align="right" class="top1" ><div class="date"><?php echo mosCurrentDate(); ?></div></td>
         </tr>

  </table>



  <table width="95%" class="top2"  border="0" align="center" cellpadding="0" cellspacing="0"  >
          <tr>
                 <?php if (mosCountModules('left')) { ?>
             <td valign="top" class="lcol">
                 <div class="leftrow">
                  <?php mosLoadModules ( 'left' ); ?>
                  <p><a href="http://www.arbitr-hmao.ru/zadat-vopros-spetsialistu-besplatno-/zadat-vopros-spetsialistu-besplatno-/yurist-konsultant.html"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/jur_cons.gif" alt="?????? online ?????? ???????????" border="0"></a> </p>
                 </div>
             </td>

             <td class="bgline" ><img  src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" alt="" width="7" border="0"/></td>

                   <?php } ?>

             <td valign="top"  width="100%" > 
  <table width="100%"  border="0" cellspacing="0" cellpadding="0" style="border-top: 5px solid #ffffff;">
                   <?php if (mosCountModules('top')) { ?>              
          <tr valign="top" >
                   <td colspan="3">
                        <div>
                        <?php mosLoadModules ( 'top' ); ?>
                        </div>
                   </td> 
          </tr>
               <tr><td colspan="3"></td></tr>
                        <?php } ?>
<?php if (mosCountModules('user1','user2')) { ?>
          <tr>
                        <?php if (mosCountModules('user1')) { ?> 
                       <td valign="top" ><div>
                        <?php mosLoadModules ( 'user1' ); ?>
                        </div>
                       </td>
                       <td width="4" class="mod" valign="top" bgcolor="#FFFFFF" ><div class="mod"> <?php } ?> <?php if (mosCountModules('user2')) { ?> </div></td> 

                       <td valign="top"><div>
                    <?php mosLoadModules ( 'user2' ); ?>
                    </div></td> <?php } ?>
          </tr>

                   <tr><td colspan="3"></td></tr>
                    <?php } ?>

          <tr align="left" valign="top">
                      <td colspan="3" style="border-top: 3px solid #ffffff; padding: 3px;"><div class="main">
                      <?php mosMainBody(); ?>   <?php mosLoadModules ( 'user4' ); ?> 
                       </div>


                    </td>

          </tr>
          <tr>
                 <!-- <td colspan="3" valign="top" style="border-top: 3px solid #FFFFFF;"> <?php if (mosCountModules('bottom')) { ?>  <?php } ?>
                      </td>
 -->          </tr>
  </table>

  </td>

<td class="bgline"><img  src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" alt="" width="7" border="0"/></td>

<?php if (mosCountModules('right')) { ?>

<td valign="top" class="rcol"> 
                  <div class="rightrow">
                  <?php mosLoadModules ( 'right' ); ?>
                  </div>
            </td><?php } ?>
         </tr>
</table> 

         <table width="100%" class="foot"  align="center" border="0" cellspacing="0" cellpadding="0">
                <tr>

                                     <td  width="100%"  align="center" class="footer" > 

                                       <div align="right"><span class="style12"></span>
                                         <p align="center" class="style27 style30">Услуги юристов по ведению дел в арбитражном суде ХМАО. Юридические услуги Сургут, Ханты-Мансийск, Нижневартовск</p>
                                       </div></td>

               </tr>
         </table> 
   <!-- Yandex.Metrika -->
<script src="//mc.yandex.ru/resource/watch.js" type="text/javascript"></script>
<script type="text/javascript">
try { var yaCounter215018 = new Ya.Metrika(215018); } catch(e){}
</script>
<noscript><div style="position: absolute;"><img src="//mc.yandex.ru/watch/215018" alt="" /></div></noscript>
<!-- Yandex.Metrika -->

</body>
</html></td>
  </tr>
</table>
</div>

а вот template_css


/****
author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url]
***/

body,html {
  padding          : 0;
  margin           : 0;
  margin-bottom    : 10px;
	font-size: 14px;
	font-family: "Trebuchet MS";
 }
 h1{
margin-top:7px;
color:#133766;
font-size:14px !important;

 }
  DIV.brd {
    border: 1px solid #cecece; 
    background: #ffffff; 
    padding: 2px; 
   }

    h2{
margin-top:7px;
color:#133766;
font-size:14px !important;

 }
#body_bg{
background     : url(../images/bg_top.jpg) #ffffff repeat-x top left;
}
.main { 
  float            : left; 
  width            : 100%;
  margin           : 0; 
  padding          : 0;
}


.mod {
  background       : #FFFFFF;
  width            : 2px;
}

td, tr, p, div {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 14px;
  color            : #000000;
}
hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;

}

form {
margin           : 0; 
padding          : 0;
}


.leftrow {
  width            : 169px;
  height           : 100%;
  margin-right     : 0;
  background       : #f5f5f5;

}
.rightrow {
  height           : 100%;
  width            : 169px;
  margin-left      : 0;
  background       : #f5f5f5;

 }
.back_button {
  color            : #999999;
  font-family      : Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
  }
.button {
  font-size        : 12px;
  color            : #333333;
  border           : 1px solid #999999;
  margin           : 3px;
  background-color : #EDEDED;
  padding          : 2px !important;
  padding          : 1px;

  cursor           : pointer;
}

.inputbox {
 color        : #000000;
 background   : #ffffff;
 border       : 1px solid #cccccc;
 margin       : 3px;

}


.contact_email  {
  width            : 100%;
}
.contact_email .inputbox {
  width            : 345px;

}
table.moduletable {

margin           : 0 0 8px 0;
	width            : 100%;
      background       : #ffffff;
      padding-bottom   : 2px;
	}

table.moduletable th {

    font-family          : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : left;
	width              : 100%;
      background-color   : #5B7696; 
      color              : #f1f1f1;
	padding            : 2px;
      text-indent        : 10px;
	line-height        : 15px;

	}

table.moduletable td {
    padding-top: 2px;

    	}


.sectiontableheader {
  font-size        : 14px;
  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  color            : #f1f1f1;
  background       : #5B7696; 
  padding          : 1px;
}


.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  background       : none;
  border-bottom    : 1px solid #ffffff;
  line-height      : 25px;


}
.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  border-bottom    : 1px solid #ffffff;
  background       : #e0e0e8;
  line-height      : 25px;


}
.sectiontableentry1 img{
 padding-right: 4px !important;
 padding-right: 2px;

}
.sectiontableentry2 img{
 padding-right: 4px !important;
 padding-right: 2px;

}

span.mainlevel{
  display          : block;
  font-size        : 12px;
  border           : 1px solid #cccccc;
  background-color : #f1f1f1;
  font-weight      : normal;
  padding          : 2px 0;
  color            : #666666;

  text-indent      : 10px;
}

a.mainlevel  {
 display           : block;
 width             : auto;
  margin           : 1px 0px;
  padding          : 0;
  font-size        : 12px;
  background       : none;
  text-indent      : 10px;
}
a.sublevel:link, a.mainlevel:visited  {
 width             : auto;
  margin           : 1px 0px;
  padding          : 0;
  font-size        : 12px;
  background       : none;
  text-indent      : 10px;



}
a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  font-size        : 12px;
  border           : 1px solid #cccccc;
  background-color : #f1f1f1;
  font-weight      : normal;

  color            : #666666;

  text-indent      : 10px;
}
a.mainlevel:hover {
  border       : 1px solid #cccccc;
  background-color : #E0E0E8;
  font-size        : 12px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  text-indent      : 10px;
}

a img{
border: none;
}

#active_menu {
  color            : #000066;
  border       : 1px solid #cccccc;
  background-color : #E0E0E8;
  font-weight      : bold;
}
a#active_menu:hover {
  color            : #333333;
}

a:link, a:visited {
  color            : #666666;
  text-decoration  : none;
 width             : auto;
  margin           : 1px 0px;
  padding          : 0;
  background       : none;
  text-indent      : 10px;
}

a:hover {
  color            : #9a887c;
  text-decoration  : none;

}
a.category:link, a.category:visited {
  font-size        : 12px;

}
a.readon:link, a.readon:visited {
  color            : #999999;
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 12px;
  background       : url(../images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : bold;
  padding          : 1px 0 3px 18px;
  float            : right;
  line-height      : 10px;
  text-decoration  : underline;
}
a.readon:hover {
  color            : #9a887c;
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 12px;
  background       : url(../images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : bold;
  padding          : 1px 0 3px 18px;
  line-height      : 10px;
  text-decoration  : underline;
}
ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}
li {

  line-height      : 15px;
  padding-left     : 10px;
  padding-top      : 0;
  background-image : url(../images/strelka.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}
table.contenttoc {
  border           : 1px solid #dcdcdc;
  background       : #F1F1F1;
  padding          : 5px;
  margin-left      : 2px;
  margin-bottom    : 2px;
}
.pagenavcounter {
  font-size        : 10px;
  color            : #0066CC;
}
.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}
.pagenav {
  font-weight      : bold;
  }
a.pagenav:link, a.pagenav:visited {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;
}
a.pagenav:hover {
  font-size        : 11px;
  color            : #9a887c;
  text-decoration  : none;
}
.date {
  font-size        : 10px;
  font-weight      : bold;
  color            : #707070;
  padding-right    : 10%;
}
.small {
  font-size        : 10px;
  color            : #333333;
}
.smalldark {
  font-size        : 10px;
  color            : #333333;
}
.createdate, .modifydate {
  float            : left;
  font-size        : 10px;
  color            : #666666;
  font-weight      : bold;


}
.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}
.content_rating {
  font-size        : 10px;
  color            : #999999;
}
.pathway {
  font-size        : 11px;
  color            : #333333;
  padding-left     : 6%;
}
a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  padding-left     : 0;
}
a.pathway:hover {
  font-size        : 11px;
  padding-left     : 0;
}
table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}
table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
  text-align: justify;
}
.poll {
	color : #333333;
	line-height : 12px;
	font-weight: normal;

}

.pollstableborder{
  border-color     : #999999;
}
.contentheading,.componentheading {
  border-bottom    : 1px solid #000066;
  font-size        : 14px;
  font-weight      : bold;
  line-height      : 16px;
  text-transform   : uppercase;
  text-align       : left;
  text-indent      : 0;
  color            : #000066;
  width            : 100%;
  padding          : 1px;
  margin: 3px 0px;
  }


.ontab {
  border-left      : 1px solid #666666;
  text-align       : center;
  font-weight      : bold;
  color            : #333333;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.offtab {
  border-left      : 1px solid #666666;
  text-align       : center;
  color            : #999999;
  font-weight      : normal;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.tabpadding {
 border-left       : 1px solid #666666;
}

.footer {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #666666;
  font-weight      : bold;
  height           : 31px;
  border-top       : 1px solid #cccccc;


 }
.footer a:link, .footer a:visited {
  font-size        : 14px;
  color            : #666666;
  text-decoration  : none;
  font-weight      : bold;
}
.footer a:hover {
  font-size        : 14px;
  color            : #999999;
  text-decoration  : none;
  font-weight      : bold;
}


.lcol {
   vertical-align   : top;
   background       : #ffffff;
   padding-top: 5px;
   border-left       : 1px solid #cccccc;
   padding-left: 3px;



}
.rcol {
   vertical-align   : top;
   background       : #ffffff;
   padding-top: 5px;
   border-right       : 1px solid #cccccc;
   padding-right: 3px;



}

.foot {
  background       : none;
  vertical-align   : top;

}


.contentdescription { 
  width          : auto !important;
  margin         : 0;
  padding        :  0;
  padding-top    : 5px;
  text-align     : left;
}

td.top1{
margin: 0;
padding:  0;
height: 28px !important;
height: 28px;
padding-top:  2px !important;
padding-top:  3px;
background		: url(../images/shadow.jpg) #ffffff repeat-x top;

}
table.top2{
background : #ffffff; 
}

.searchbox {
  margin           : 0;
  padding          : 0;
  margin-top       : 13px;
  margin-left      : 10px;
  width            : 130px;
  font-size        : 12px;
  color            : #707070;
  padding          : 2px !important;
  padding          : 1px; 
  border           : 1px solid #cccccc;
  background       : none;

   }

.sublevel {
   font-family      : Verdana, Arial, Helvetica, sans-serif;
   font-size        : 12px;

   color            : #999999;
   padding    	  : 3px 1px 3px 5px;
   margin		  : 3px;
}
a.sublevel:link, a.sublevel:visited {
  color		        : #999999;
  text-decoration	: none;
     font-size        : 12px;
}
a.sublevel:hover {
  color            : #000066;
  text-decoration  : none;
     font-size        : 12px;
}
a.sublevel#active_menu  {
	background      : transparent;
	color           : #000066;
	border          : 0px;
	   font-size        : 12px;

}

td.logoheader {
  margin: 0;
  padding:  0;
  background     : url(../images/logo.gif)  no-repeat center left;
  height         : 76px;
  width          : 263px;

 }
td.topnav {
  margin : 0px;
  padding:  0px;
  background     : url(../images/bg_top.jpg) repeat-x top left;
  height         : 42px;
  width          : 770px;

 }

td.bgline {
  margin : 0px;
  padding:  0px;
  background     : url(../images/s.gif) repeat-y;
  width          : 7px;
 }


 #mainlevel-nav {
    float            : right;
  display          : block;
font-size        : 11px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  margin-left      : 1px;

}

#mainlevel-nav li {
  float            : right;
  display          : block;
  list-style       : none;
  background-image : none;
  padding-left     : 2px;
  padding-right    : 2px;
  margin           : 0;
  width            : auto !important;
  font-size        : 11px;
  line-height      : 28px;
  white-space      : nowrap;
  border-left      : 1px solid #cccccc;

}
#mainlevel-nav li a {


padding-left     : 10px;
  padding-right    : 10px;
  font-size        : 11px;
  color            : #000033;
  text-decoration  : none;

}

#mainlevel-nav li a:hover {
  font-size        : 11px;
  color            : #999999;

}

.blog_more {
margin   : 10px 0 7px 7px;
}
.buttonheading {
padding  : 0 2px;
}

.mosimage {
  border     : 0px solid #dedede;
  margin     : 5px;
  padding-top:  3px;

}

.mosimage_caption {
  margin-top: 3px;
  padding   :  2px;
  color     : #000066;
  font-size : 10px;
  background: #f1f1f1;
}

сначала ограничение размера сделал просто вставкой его в общую таблицу, но затем подумал, что это все плохо отразиться на скорости загрузки... можно ли в template_css

ограничить ширину всего сайта?

заранее спасибо за совет

Vlad · October 10, 2010

Много буков, не осилил. Вообще, ширина ограничивается стилями

body {

max-width: 800px;

}

vovchikku · October 10, 2010

я прописал body,html {

padding : 0;

margin : 0;

margin-bottom : 10px;

font-size: 14px;

font-family: "Trebuchet MS";

align : center;

max-width: 974px;

}

но верхняя панель все равно вылезает

кстати, если мне нужно чтобы все таблицы были по центру, можно вот так прописывать?

align : center;

судя по тому что эффекта нет, нельзя... а как правильно?

http://www.wsugraru.128.com1.ru/arbitr-hmao/

Kaylang · October 10, 2010

вот это: <div align="center"> замени на: <div id="wrap">

в CSS вставь:

#wrap{
	widht:974px;
	margin:0 auto;
}

Edited October 10, 2010 by Kaylang

psywalker · October 10, 2010

судя по тому что эффекта нет, нельзя... а как правильно?

margin: 0 auto;

vovchikku · October 10, 2010

ничего не изменилось...

Kaylang · October 10, 2010

Попробуй так:

[html]<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>"; ?>
<?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/templates/biz_blue/favicon.ico\" />"; ?>
<meta name="verify-v1" content="aDtzZU9IIrWcGAsYRKBvN4eLbaK4U4xdG4zbve5S9Rw=" >
<style type="text/css">
<!--
.style12 {color: #FFFFFF;
font-size: 10px;
}
.style27 {color: #666666}
.style30 {font-size: 10px}
.style31 {font-size: 14px}
-->
</style>
</head>

<body id="body_bg">
<div id="wrap">
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="169" align="left" valign="middle">

<form action="index.php" method="post" name="form" >


<input type="hidden" name="option" value="search" />
</form>

</td>

<td>  </td>
<td width="601" align="center" class="topnav" valign="bottom">

<?php if (mosCountModules('user3')) { ?>
<div>
<?php mosLoadModules ( 'user3',-1 ); ?>
</div>
<?php } ?>

</td>

</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" class="logoheader"> <div align="right" class="style27 style31">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="right">
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><h1 align="right">Разрешение споров арбитражном суде
Ханты-Мансийского автономного округа-Югры </h1>
<div align="right">


</div></td>
</tr>
<tr>
<td><div align="right"></div></td>
</tr>
<tr>

</tr>
<tr>
<td valign="bottom" background="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/urist_surgut_hanty_line_pho.jpg"><div align="right">
<h2>Телефон/факс: +7(3467) 363609, 361932 </h2>
</div></td>
</tr>
</table>
</div></td>
</tr>
</table>
</div></td>

</tr>
</table>


<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>


<td class="top1" ><?php mosPathWay(); ?></td>
<td width="251" align="right" class="top1" ><div class="date"><?php echo mosCurrentDate(); ?></div></td>
</tr>

</table>



<table width="95%" class="top2" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<?php if (mosCountModules('left')) { ?>
<td valign="top" class="lcol">
<div class="leftrow">
<?php mosLoadModules ( 'left' ); ?>
<p><a href="http://www.arbitr-hmao.ru/zadat-vopros-spetsialistu-besplatno-/zadat-vopros-spetsialistu-besplatno-/yurist-konsultant.html"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/jur_cons.gif" alt="?????? online ?????? ???????????" border="0"></a> </p>
</div>
</td>

<td class="bgline" ><img src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" alt="" width="7" border="0"/></td>

<?php } ?>

<td valign="top" width="100%" >
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top: 5px solid #ffffff;">
<?php if (mosCountModules('top')) { ?>
<tr valign="top" >
<td colspan="3">
<div>
<?php mosLoadModules ( 'top' ); ?>
</div>
</td>
</tr>
<tr><td colspan="3"></td></tr>
<?php } ?>
<?php if (mosCountModules('user1','user2')) { ?>
<tr>
<?php if (mosCountModules('user1')) { ?>
<td valign="top" ><div>
<?php mosLoadModules ( 'user1' ); ?>
</div>
</td>
<td width="4" class="mod" valign="top" bgcolor="#FFFFFF" ><div class="mod"> <?php } ?> <?php if (mosCountModules('user2')) { ?> </div></td>

<td valign="top"><div>
<?php mosLoadModules ( 'user2' ); ?>
</div></td> <?php } ?>
</tr>

<tr><td colspan="3"></td></tr>
<?php } ?>

<tr align="left" valign="top">
<td colspan="3" style="border-top: 3px solid #ffffff; padding: 3px;"><div class="main">
<?php mosMainBody(); ?> <?php mosLoadModules ( 'user4' ); ?>
</div>


</td>

</tr>
<tr>
<!-- <td colspan="3" valign="top" style="border-top: 3px solid #FFFFFF;"> <?php if (mosCountModules('bottom')) { ?> <?php } ?>
</td>
--> </tr>
</table>

</td>

<td class="bgline"><img src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" alt="" width="7" border="0"/></td>

<?php if (mosCountModules('right')) { ?>

<td valign="top" class="rcol">
<div class="rightrow">
<?php mosLoadModules ( 'right' ); ?>
</div>
</td><?php } ?>
</tr>
</table>

<table width="100%" class="foot" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>

<td width="100%" align="center" class="footer" >

<div align="right"><span class="style12"></span>
<p align="center" class="style27 style30">Услуги юристов по ведению дел в арбитражном суде ХМАО. Юридические услуги Сургут, Ханты-Мансийск, Нижневартовск</p>
</div></td>

</tr>
</table>
<!-- Yandex.Metrika -->
<script src="//mc.yandex.ru/resource/watch.js" type="text/javascript"></script>
<script type="text/javascript">
try { var yaCounter215018 = new Ya.Metrika(215018); } catch(e){}
</script>
<noscript><div style="position: absolute;"><img src="//mc.yandex.ru/watch/215018" alt="" /></div></noscript>
<!-- Yandex.Metrika -->
</div>
</body>
</html>[/html]

CSS

[codebox][code]/****
author - rgb(raduga) http://mambasana.ru
***/

body,html {
padding : 0;
margin : 0;
margin-bottom : 10px;
font-size: 14px;
font-family: "Trebuchet MS";
}
h1{
margin-top:7px;
color:#133766;
font-size:14px !important;

}
DIV.brd {
border: 1px solid #cecece;
background: #ffffff;
padding: 2px;
}

h2{
margin-top:7px;
color:#133766;
font-size:14px !important;

}
#body_bg{
background : url(../images/bg_top.jpg) #ffffff repeat-x top left;
}
.main {
float : left;
width : 100%;
margin : 0;
padding : 0;
}

#wrap{
widht:1014px;
margin:0 auto;
}
.mod {
background : #FFFFFF;
width : 2px;
}

td, tr, p, div {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 14px;
color : #000000;
}
hr {
color : #999999;
height : 1px;
width : 100%;

}

form {
margin : 0;
padding : 0;
}

.leftrow {
width : 169px;
height : 100%;
margin-right : 0;
background : #f5f5f5;

}
.rightrow {
height : 100%;
width : 169px;
margin-left : 0;
background : #f5f5f5;

}
.back_button {
color : #999999;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
padding-bottom : 3px;
margin-right : 4px;
float : right;
line-height : 20px;
}
.button {
font-size : 12px;
color : #333333;
border : 1px solid #999999;
margin : 3px;
background-color : #EDEDED;
padding : 2px !important;
padding : 1px;

cursor : pointer;
}

.inputbox {
color : #000000;
background : #ffffff;
border : 1px solid #cccccc;
margin : 3px;

}

.contact_email {
width : 100%;
}
.contact_email .inputbox {
width : 345px;

}
table.moduletable {

margin : 0 0 8px 0;
width : 100%;
background : #ffffff;
padding-bottom : 2px;
}

table.moduletable th {

font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
text-align : left;
width : 100%;
background-color : #5B7696;
color : #f1f1f1;
padding : 2px;
text-indent : 10px;
line-height : 15px;

}

table.moduletable td {
padding-top: 2px;

}

.sectiontableheader {
font-size : 14px;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 1px;
color : #f1f1f1;
background : #5B7696;
padding : 1px;
}

.sectiontableentry1 {
vertical-align : top;
padding : 3px;
background : none;
border-bottom : 1px solid #ffffff;
line-height : 25px;

}
.sectiontableentry2 {
vertical-align : top;
padding : 3px;
border-bottom : 1px solid #ffffff;
background : #e0e0e8;
line-height : 25px;

}
.sectiontableentry1 img{
padding-right: 4px !important;
padding-right: 2px;

}
.sectiontableentry2 img{
padding-right: 4px !important;
padding-right: 2px;

}

span.mainlevel{
display : block;
font-size : 12px;
border : 1px solid #cccccc;
background-color : #f1f1f1;
font-weight : normal;
padding : 2px 0;
color : #666666;

text-indent : 10px;
}

a.mainlevel {
display : block;
width : auto;
margin : 1px 0px;
padding : 0;
font-size : 12px;
background : none;
text-indent : 10px;
}
a.sublevel:link, a.mainlevel:visited {
width : auto;
margin : 1px 0px;
padding : 0;
font-size : 12px;
background : none;
text-indent : 10px;

}
a.mainlevel:link, a.mainlevel:visited {
display : block;
font-size : 12px;
border : 1px solid #cccccc;
background-color : #f1f1f1;
font-weight : normal;

color : #666666;

text-indent : 10px;
}
a.mainlevel:hover {
border : 1px solid #cccccc;
background-color : #E0E0E8;
font-size : 12px;
font-weight : normal;
color : #666666;
text-decoration : none;
text-indent : 10px;
}

a img{
border: none;
}

#active_menu {
color : #000066;
border : 1px solid #cccccc;
background-color : #E0E0E8;
font-weight : bold;
}
a#active_menu:hover {
color : #333333;
}

a:link, a:visited {
color : #666666;
text-decoration : none;
width : auto;
margin : 1px 0px;
padding : 0;
background : none;
text-indent : 10px;
}

a:hover {
color : #9a887c;
text-decoration : none;

}
a.category:link, a.category:visited {
font-size : 12px;

}
a.readon:link, a.readon:visited {
color : #999999;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
background : url(../images/readon.gif) no-repeat;
white-space : normal;
font-weight : bold;
padding : 1px 0 3px 18px;
float : right;
line-height : 10px;
text-decoration : underline;
}
a.readon:hover {
color : #9a887c;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
background : url(../images/readon.gif) no-repeat;
white-space : normal;
font-weight : bold;
padding : 1px 0 3px 18px;
line-height : 10px;
text-decoration : underline;
}
ul {
margin : 2px;
padding-left : 10px;
list-style : none;
}
li {

line-height : 15px;
padding-left : 10px;
padding-top : 0;
background-image : url(../images/strelka.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
table.contenttoc {
border : 1px solid #dcdcdc;
background : #F1F1F1;
padding : 5px;
margin-left : 2px;
margin-bottom : 2px;
}
.pagenavcounter {
font-size : 10px;
color : #0066CC;
}
.pagenavbar {
border-top : 1px solid #999999;
padding : 2px;
}
.pagenav {
font-weight : bold;
}
a.pagenav:link, a.pagenav:visited {
font-size : 11px;
color : #999999;
text-decoration : none;
}
a.pagenav:hover {
font-size : 11px;
color : #9a887c;
text-decoration : none;
}
.date {
font-size : 10px;
font-weight : bold;
color : #707070;
padding-right : 10%;
}
.small {
font-size : 10px;
color : #333333;
}
.smalldark {
font-size : 10px;
color : #333333;
}
.createdate, .modifydate {
float : left;
font-size : 10px;
color : #666666;
font-weight : bold;

}
.content_vote {
font-size : 10px;
height : 22px;
padding-top : 2px;
padding-bottom : 2px;
}
.content_rating {
font-size : 10px;
color : #999999;
}
.pathway {
font-size : 11px;
color : #333333;
padding-left : 6%;
}
a.pathway:link, a.pathway:visited {
font-size : 11px;
padding-left : 0;
}
a.pathway:hover {
font-size : 11px;
padding-left : 0;
}
table.content{
width : 100%;
padding : 0;
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 10px;
}
table.contentpane {
width : 100%;
border-spacing : 0;
padding-left : 5px;
padding-right : 5px;
margin-bottom : 5px;
}
table.contentpaneopen {
width : 100%;
border-spacing : 0;
padding-left : 5px;
padding-right : 5px;
margin-bottom : 5px;
text-align: justify;
}
.poll {
color : #333333;
line-height : 12px;
font-weight: normal;

}

.pollstableborder{
border-color : #999999;
}
.contentheading,.componentheading {
border-bottom : 1px solid #000066;
font-size : 14px;
font-weight : bold;
line-height : 16px;
text-transform : uppercase;
text-align : left;
text-indent : 0;
color : #000066;
width : 100%;
padding : 1px;
margin: 3px 0px;
}

.ontab {
border-left : 1px solid #666666;
text-align : center;
font-weight : bold;
color : #333333;
padding : 5px;
cursor : pointer;
line-height : 30px;
}
.offtab {
border-left : 1px solid #666666;
text-align : center;
color : #999999;
font-weight : normal;
padding : 5px;
cursor : pointer;
line-height : 30px;
}
.tabpadding {
border-left : 1px solid #666666;
}

.footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
font-weight : bold;
height : 31px;
border-top : 1px solid #cccccc;

}
.footer a:link, .footer a:visited {
font-size : 14px;
color : #666666;
text-decoration : none;
font-weight : bold;
}
.footer a:hover {
font-size : 14px;
color : #999999;
text-decoration : none;
font-weight : bold;
}

.lcol {
vertical-align : top;
background : #ffffff;
padding-top: 5px;
border-left : 1px solid #cccccc;
padding-left: 3px;

}
.rcol {
vertical-align : top;
background : #ffffff;
padding-top: 5px;
border-right : 1px solid #cccccc;
padding-right: 3px;

}

.foot {
background : none;
vertical-align : top;

}

.contentdescription {
width : auto !important;
margin : 0;
padding : 0;
padding-top : 5px;
text-align : left;
}

td.top1{
margin: 0;
padding: 0;
height: 28px !important;
height: 28px;
padding-top: 2px !important;
padding-top: 3px;
background : url(../images/shadow.jpg) #ffffff repeat-x top;

}
table.top2{
background : #ffffff;
}

.searchbox {
margin : 0;
padding : 0;
margin-top : 13px;
margin-left : 10px;
width : 130px;
font-size : 12px;
color : #707070;
padding : 2px !important;
padding : 1px;
border : 1px solid #cccccc;
background : none;

}

.sublevel {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;

color : #999999;
padding : 3px 1px 3px 5px;
margin : 3px;
}
a.sublevel:link, a.sublevel:visited {
color : #999999;
text-decoration : none;
font-size : 12px;
}
a.sublevel:hover {
color : #000066;
text-decoration : none;
font-size : 12px;
}
a.sublevel#active_menu {
background : transparent;
color : #000066;
border : 0px;
font-size : 12px;

}

td.logoheader {
margin: 0;
padding: 0;
background : url(../images/logo.gif) no-repeat center left;
height : 76px;
width : 263px;

}
td.topnav {
margin : 0px;
padding: 0px;
background : url(../images/bg_top.jpg) repeat-x top left;
height : 42px;
width : 770px;

}

td.bgline {
margin : 0px;
padding: 0px;
background : url(../images/s.gif) repeat-y;
width : 7px;
}

#mainlevel-nav {
float : right;
display : block;
font-size : 11px;
list-style : none;
padding : 0;
margin : 0;
margin-left : 1px;

}

#mainlevel-nav li {
float : right;
display : block;
list-style : none;
background-image : none;
padding-left : 2px;
padding-right : 2px;
margin : 0;
width : auto !important;
font-size : 11px;
line-height : 28px;
white-space : nowrap;
border-left : 1px solid #cccccc;

}
#mainlevel-nav li a {

padding-left : 10px;
padding-right : 10px;
font-size : 11px;
color : #000033;
text-decoration : none;

}

#mainlevel-nav li a:hover {
font-size : 11px;
color : #999999;

}

.blog_more {
margin : 10px 0 7px 7px;
}
.buttonheading {
padding : 0 2px;
}

.mosimage {
border : 0px solid #dedede;
margin : 5px;
padding-top: 3px;

}

.mosimage_caption {
margin-top: 3px;
padding : 2px;
color : #000066;
font-size : 10px;
background: #f1f1f1;
}[/code]

Edited October 10, 2010 by Kaylang

vovchikku · October 11, 2010

спасибо.... полностью копировать не стал. а разобрался....

может сможешь еще помочь?

видишь бордюр на правой колонке сейчас он выводится как img scr ... меня не устраивает, что этот бордюр на пару пикселей отходит от правого края... но я никак не могу понять что его смещает.

я пробовал прописать правый бордюр в css

}

table.top2{

background : #ffffff;

border-right: 1px #cccccc;

}

но это тоже не дает эффекта...

как бы мне вообще сделать общий правый бордюр для всех элементов сайта и не вставлять его при этом в таблицу.... может можно как-то привязать чисто координатами картинку с серой точкой и размножить ее по вертикали. Но как?

Kaylang · October 11, 2010

Если тебе надо по всей высоте сайта задать правый бордюр, то сделай картинку и попробуй так:

#wrap{
	widht:1014px;
	margin:0 auto;
	background:url(адрес картинки) top right repeat-y;
}

Если только для контента, то вот тут у тебя проблемка. Все упирается в s.gif. он имеет ширину 7px, из которых только один средний пиксель серого цвета, а остальное белое.

td.bgline {

background:url("../images/s.gif") repeat-y scroll 0 0 transparent;

border-right:1px none black;

margin:0;

padding:0;

width:7px;

}

Попробуй убрать этот gif и сделать просто бордером. А отступы задай паддингами.

Edited October 11, 2010 by Kaylang

rus · October 11, 2010

border-right: 1px #cccccc;
}

border-right:#cccccc solid 1px;

vovchikku · October 13, 2010

да, спасибо огромное!!!

помогло!

Sign In

как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information