Размещение колонки

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем Smartnews, 23.01.2012.

  1. Offline

    Smartnews Недавно здесь

    Регистрация:
    23.01.2012
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте!
    J1.5.25 Все работает нормально, но когда переходишь на форум, при отключенных модулях в левой колонке все равно отображается эта колонка (см. скрин)
    [​IMG]
    Причем тут не важно, форум это или другое что-то.

    А что касается конкретно форума, то если вставить модуль в левую колонку, он отображается не на своем месте, а внизу колонки ниже форума.
    Помогите исправить ошибки начинающему
    Вот код index.php и CSS шаблона
    Код (CODE):
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
    3. <head>
    4. <jdoc:include type="head" />
    5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
    6. <jdoc:include type="head" />
    7. <link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template_css.css" type="text/css" />
    8. <link rel="shortcut icon" href="templates/<?php echo $this->template ?>/images/favicon.ico"/>
    9.  
    10.  <script type="text/javascript">   
    11. function boxes_height()
    12. {
    13.   if(document.getElementById('m1') && document.getElementById('m2'))
    14.   {
    15.       if(document.getElementById('m2').clientHeight>document.getElementById('m1').clientHeight)
    16.       {
    17.         y = document.getElementById('m2').clientHeight;
    18.         document.getElementById('m1').style.height = y + 'px';
    19.       }
    20.       else
    21.       {
    22.         y = document.getElementById('m1').clientHeight;
    23.         document.getElementById('m2').style.height = y + 'px';
    24.       }
    25.       document.getElementById('m1').style.visibility = 'visible';
    26.       document.getElementById('m2').style.visibility = 'visible';
    27.   }
    28.  
    29.   else if(document.getElementById('m2'))
    30.     document.getElementById('m2').style.visibility = 'visible';
    31.   else if(document.getElementById('m1'))
    32.     document.getElementById('m1').style.visibility = 'visible';
    33. }
    34. </script>
    35.  
    36. </head>
    37.  
    38. <body onLoad="boxes_height();">
    39.  
    40.  
    41. <div id="pagewidth" >
    42.     <div id="header">
    43.         <a href=index.php><div id="logo"></div></a>
    44.         <div id="top2"></div>
    45.         <div id="top3"></div>
    46.         <div id="top4"></div>
    47.     </div>
    48.    
    49.         <div id="pathway"><jdoc:include type="modules" name="breadcrumb" style="xhtml"/></div>
    50.    
    51.     <div id="wrapper2" class="clearfix" >
    52.    
    53.         <div id="twocols" class="clearfix">
    54.        
    55.         <?php if ( $this->countModules('right')) { ?>  
    56.             <div id="maincol">
    57.            
    58.                 <?php if (!$this->countModules('user5') || !$this->countModules('user2'))
    59.                     $one = "_one"; ?>
    60.                        
    61.                 <?php if ($this->countModules('user2')) { ?>   
    62.                     <div id="m1" class="box_news<?php echo $one; ?>">
    63.                     <jdoc:include type="modules" name="user2" style="table"/></div>
    64.                 <?php } ?>
    65.                 <?php if ($this->countModules('user5')) { ?>   
    66.                     <div id="m2" class="box_news<?php echo $one; ?>">
    67.                 <jdoc:include type="modules" name="user5" style="table"/></div>
    68.                 <?php } ?>
    69.            
    70.                 <div style="clear:both;"><jdoc:include type="component" style="html"/></div>
    71.             </div>
    72.             <div id="right">
    73.                 <div id="blue_box">
    74.                     <jdoc:include type="modules" name="top" style="table"/>
    75.                     <jdoc:include type="modules" name="user2" style="table"/>
    76.                 </div>
    77.                 <div id="blue_bottom"></div>
    78.                 <jdoc:include type="modules" name="right" style="table"/>
    79.             </div>
    80.         <?php }
    81.         else {?>
    82.             <div id="maincol" style="width:575px;">
    83.            
    84.             <?php if (!$this->countModules('user1') || !$this->countModules('user2'))
    85.                     $one = "_one"; ?>
    86.             <?php if ($this->countModules('user2')) { ?>   
    87.                 <div id="m1" class="box_news_long<?php echo $one; ?>"><jdoc:include type="modules" name="user2" style="table"/></div>
    88.             <?php } ?>
    89.             <?php if ($this->countModules('user1')) { ?>   
    90.                 <div id="m2" class="box_news_long<?php echo $one; ?>"><jdoc:include type="modules" name="user1" style="table"/></div>
    91.             <?php } ?>
    92.            
    93.             <div style="clear:both;"><jdoc:include type="component" style="html"/></div>
    94.             </div>
    95.         <?php } ?>
    96.        
    97.         </div>
    98.        
    99.             <div id="left">
    100.                 <div id="leftInner">
    101.                     <jdoc:include type="modules" name="left" style="table"/>
    102.                 </div>
    103.             </div>
    104.     </div>
    105.    
    106.     <div id="border_bottom"></div>
    107.     <div id="footer_menu">
    108.         <jdoc:include type="modules" name="user3" style="xhtml"/>
    109.     </div>
    110.    
    111.     <div id="footer">
    112.         <div style="float:left;text-align:left; width:436px;">
    113.             <?php include_once('includes/footer.php'); ?>
    114.         </div>
    115.         <div style="float:right;padding-top:5px;text-align:right;"><a href="http://www.transalen.ru"><img src=images/fooot.png></a>
    116.         </div>
    117.     </div>
    118. </div>
    119.  
    120. </body>
    121. </html>

    Код (CODE):
    1. @import url('clearing.css');
    2.  
    3.  
    4.  
    5. td, input, option, textarea {
    6.  
    7.   color: #333333;
    8.  
    9.   font-family: Verdana, Arial, Helvetica, sans-serif;
    10.  
    11.   font-size: 12px;
    12.  
    13.   background: white;
    14.  
    15. }
    16.  
    17. fieldset {  border:none;}
    18.  
    19. body, td, div {
    20.  
    21.   margin: 0px;
    22.  
    23.   padding: 0px;
    24.  
    25. }
    26.  
    27.  
    28.  
    29. html,body {
    30.  
    31.   height:100%;
    32.  
    33.   width:100%;
    34.  
    35. }
    36.  
    37.  
    38.  
    39. body {
    40.  
    41.   color: #333333;
    42.  
    43.   background:#f0f0f0;
    44.  
    45.   font-family: Verdana, Arial, Helvetica, sans-serif;
    46.  
    47.   font-size: 12px;
    48.  
    49.   vertical-align: top;
    50.  
    51. }
    52.  
    53.  
    54.  
    55. td {
    56.  
    57.   border-spacing: 0;
    58.  
    59.   vertical-align: top;
    60.  
    61. }
    62.  
    63.  
    64.  
    65. img {border: 0px;}
    66.  
    67.  
    68.  
    69.  
    70.  
    71. a {
    72.  
    73.     font-size: 12px;
    74.  
    75.     text-decoration: none;
    76.  
    77.     background: none;
    78.  
    79.     color: #599ad6;
    80.  
    81. }
    82.  
    83.  
    84.  
    85. a:hover {
    86.  
    87.     text-decoration: underline;
    88.  
    89.     color:#333333;
    90.  
    91. }
    92.  
    93.  
    94.  
    95. table.contentpaneopen, table.contentpane {width: 100%;} /* Safari */
    96.  
    97.  
    98.  
    99. #pathway
    100.  
    101. {
    102.  
    103.     clear:both;
    104.  
    105.     padding:5px;
    106.  
    107.     background:#f2f2f2;
    108.  
    109.     width:786px;
    110.  
    111.     margin:auto;
    112.  
    113. }
    114.  
    115.  
    116.  
    117. a.pathway {
    118.  
    119.     padding:0px 5px 0px 5px;
    120.  
    121.     font-size: 12px;
    122.  
    123.     text-decoration: none;
    124.  
    125.     background: none;
    126.  
    127.     color: #599ad6;
    128.  
    129. }
    130.  
    131. a.pathway:hover {
    132.  
    133.     text-decoration: none;
    134.  
    135.     color:#333333;
    136.  
    137. }
    138.  
    139.  
    140.  
    141. .componentheading, .contentheading, .contentpagetitle {font-size:16px;font-weight:bold;color:#599ad6;padding:10px 0px 10px 0px;}
    142.  
    143. table.contentpaneopen {width: 100%;padding: 0;border-collapse: collapse;border-spacing: 0;border-width: 0;margin: 0px;vertical-align: top;}
    144.  
    145. table.contentpaneopen td {padding-right: 5px;}
    146.  
    147.  
    148.  
    149. .small {color: #999999;font-size: 11px;}
    150.  
    151. .createdate {height: 15px;padding-bottom: 10px;color: #999999;font-size: 11px;}
    152.  
    153. .modifydate {height: 15px;padding-top: 10px;color: #999999;font-size: 11px;}
    154.  
    155.  
    156.  
    157. .mosimage {border: 1px solid #cccccc;margin: 7px;}
    158.  
    159. .mosimage_caption {background: #efefef;padding: 4px;color: #666666;font-size: 10px;border-top: 1px solid #cccccc;}
    160.  
    161.  
    162.  
    163. .buttonheading {padding:5px;}
    164.  
    165.  
    166.  
    167. .sectiontableheader {font-weight:bold;color:#333333;padding:5px;background:#ebebeb;border-bottom:1px solid #cfcfcf;}
    168.  
    169. .sectiontableentry1 td {padding:7px;background:#f8f8f8;}
    170.  
    171. .sectiontableentry2  td {padding:7px;background:white;}
    172.  
    173. .contentpane {margin:10px 5px 10px 5px;}
    174.  
    175. .contentdescription {padding:10px;}
    176.  
    177.  
    178.  
    179. /*spis tresci*/
    180.  
    181. table.contenttoc {margin: 10px;width:150px;border:1px solid #f2f2f2;}
    182.  
    183. .contenttoc th {padding:5px 10px 5px 10px;background: #f2f2f2;}
    184.  
    185. .contenttoc td {padding:2px 10px 2px 10px;}
    186.  
    187.  
    188.  
    189. .pagenav {padding:5px;} /*pasek nawigacji*/
    190.  
    191.  
    192.  
    193. ul {
    194.  
    195.     list-style-image: url(../images/arrow2.gif);
    196. }
    197.  
    198.  
    199.  
    200. /*formularze*/
    201.  
    202. .button {margin:3px 0px 0px 5px;border:1px solid #c6c6c6;}
    203.  
    204. .inputbox {margin:5px 0px 5px 5px;border:1px solid #c6c6c6;}
    205.  
    206. .text_area {margin:5px 0px 5px 5px;border:1px solid #c6c6c6;}
    207.  
    208.  
    209.  
    210. #searchphraseany, #searchphraseall, #searchphraseexact, #mod_login_remember
    211.  
    212. {
    213.  
    214.     background:none;
    215.  
    216. }
    217.  
    218.  
    219.  
    220. /*do wydruku i powiadamienia znajomego*/
    221.  
    222.  
    223.  
    224. body.contentpane, body.contentpane a, body.contentpane span.small, body.contentpane table.contentpaneopen td, body.contentpane table td {
    225.  
    226.   background:white;
    227.  
    228.   color:black;
    229.  
    230. }
    231.  
    232.  
    233.  
    234. body.contentpane .button {
    235.  
    236.     color:black;
    237.  
    238.     border:1px solid black;
    239.  
    240. }
    241.  
    242.  
    243.  
    244. /*kod wstawiany na strone*/
    245.  
    246. .moscode {}, .highlight {}, pre {}, code {}
    247.  
    248.  
    249.  
    250.  
    251.  
    252. #top {
    253.  
    254.     padding:7px 7px 0px 7px;
    255.  
    256.     vertical-align:top;
    257.  
    258.     height:192px;
    259.  
    260. }
    261.  
    262.  
    263.  
    264. #logo {
    265.  
    266.     width:360px;
    267.  
    268.     height:98px;
    269.  
    270.     background:url(../images/top1.jpg) no-repeat;
    271.  
    272.     float:left;
    273.  
    274. }
    275.  
    276.  
    277.  
    278. #top2 {
    279.  
    280.     width:422px;
    281.  
    282.     height:98px;
    283.  
    284.     background:url(../images/top2.jpg) no-repeat;
    285.  
    286.     float:left;
    287.  
    288. }
    289.  
    290.  
    291.  
    292. #top3 {
    293.  
    294.     width:360px;
    295.  
    296.     height:87px;
    297.  
    298.     background:url(../images/top3.jpg) no-repeat;
    299.  
    300.     clear:left;
    301.  
    302.     float:left;
    303.  
    304. }
    305.  
    306.  
    307.  
    308. #top4 {
    309.  
    310.     width:422px;
    311.  
    312.     height:87px;
    313.  
    314.     background:url(../images/top4.jpg) no-repeat;
    315.  
    316.     float:left;
    317.  
    318. }
    319.  
    320.  
    321. #left div, #left table, #left tr, #left td{
    322.  
    323.     margin:0px;
    324.  
    325.     padding:0px;
    326.  
    327.     background:none;
    328.  
    329. }
    330.  
    331.  
    332.  
    333. #left table.moduletable {
    334.  
    335.     width:100%;
    336.  
    337. }
    338.  
    339.  
    340.  
    341. #left div.search {
    342.  
    343.     width:100px;
    344.  
    345. }
    346.  
    347.  
    348.  
    349. #left form {padding:10px 0px 5px 0px;margin-bottom:10px;background:#f8f8f8;}
    350.  
    351. #left label {margin-left:10px;color:#7c7c7c;}
    352.  
    353. #left input {margin:3px 0px 0px 5px;border:1px solid #c6c6c6;}
    354.  
    355. #left input.button {margin:10px 0px 10px 5px;padding:1px 8px 1px 8px;}
    356.  
    357. #left #mod_login_remember {border:0px;margin:5px 0px 0px 10px;}
    358.  
    359. #left #mod_login_password, #left #mod_login_username {margin:5px 0px 5px 7px;width:100px;}
    360.  
    361.  
    362.  
    363. #left div.syndicate {
    364.  
    365.     padding:10px 3px 10px 3px;
    366.  
    367. }
    368.  
    369.  
    370.  
    371. #left th {
    372.  
    373.     font-size:14px;
    374.  
    375.     color:#616161;
    376.  
    377.     text-align:left;
    378.  
    379.     padding:7px 0px 0px 30px;
    380.  
    381.     width:140px;
    382.  
    383.     height:27px;
    384.  
    385.     background:url(../images/bg_gray2.gif) no-repeat;
    386.  
    387.     border-top:1px solid #d9d9d9;
    388.  
    389.     display:block;
    390.  
    391. }
    392.  
    393.  
    394.  
    395. #left a.mainlevel {
    396.  
    397.     display:block;
    398.  
    399.     font-weight:bold;
    400.  
    401.     color:#999999;
    402.  
    403.     border-top:1px solid #d9d9d9;
    404.  
    405.     padding:7px 3px 7px 30px;
    406.  
    407.     background:url(../images/arrow.gif) no-repeat 8px 11px;
    408.  
    409.     text-decoration:none;
    410.  
    411. }
    412.  
    413.  
    414.  
    415. #left a.mainlevel:hover{
    416.  
    417.     background:url(../images/arrow2.gif) no-repeat 11px 11px;
    418.  
    419.     color:#599ad6;
    420.  
    421.     text-decoration:none;
    422.  
    423. }
    424.  
    425.  
    426.  
    427. #left a.sublevel {
    428.  
    429.     display:block;
    430.  
    431.     font-weight:bold;
    432.  
    433.     color:#999999;
    434.  
    435.     border-top:1px solid #d9d9d9;
    436.  
    437.     padding:7px 3px 7px 35px;
    438.  
    439.     background:url(../images/arrow2.gif) no-repeat 12px 11px;
    440.  
    441.     text-decoration:none;
    442.  
    443. }
    444.  
    445.  
    446.  
    447. #left a.sublevel:hover {
    448.  
    449.     background:url(../images/arrow2.gif) no-repeat 15px 11px;
    450.  
    451.     color:#599ad6;
    452.  
    453.     text-decoration:none;
    454.  
    455. }
    456.  
    457.  
    458.  
    459. #right th {
    460.  
    461.     font-size:14px;
    462.  
    463.     color:#616161;
    464.  
    465.     text-align:left;
    466.  
    467.     padding:7px 0px 0px 20px;
    468.  
    469.     width:188px;
    470.  
    471.     height:27px;
    472.  
    473.     background:url(../images/bg_gray.gif) repeat-x;
    474.  
    475.     border-top:1px solid #d9d9d9;
    476.  
    477.     display:block;
    478.  
    479. }
    480.  
    481.  
    482.  
    483. #right td {
    484.  
    485.     background:#f8f8f8;
    486.  
    487.     padding:5px;
    488.  
    489. }
    490.  
    491.  
    492.  
    493. #right label {
    494.  
    495.     text-align:left;
    496.  
    497. }
    498.  
    499.  
    500.  
    501. #right input {background:none;}
    502.  
    503. #right input.button {border:1px solid #d9d9d9;background:white;padding:2px 4px 2px 4px;}
    504.  
    505.  
    506.  
    507. .pollstableborder td {text-align:left;}
    508.  
    509.  
    510.  
    511. #blue_box td, #blue_box th, #blue_box{
    512.  
    513.     background:#6dabe4;
    514.  
    515.     color:white;
    516.  
    517. }
    518.  
    519.  
    520.  
    521. #blue_box th {
    522.  
    523.     text-transform:uppercase;
    524.  
    525.     padding:8px 0px 0px 15px;
    526.  
    527.     height:23px;
    528.  
    529.     border-bottom:1px solid #b6d5f2;
    530.  
    531.     border-top:0px;
    532.  
    533.     width:190px;
    534.  
    535. }
    536.  
    537. #blue_box a, #blue_box a:hover {color:white;}
    538.  
    539. #blue_box .contentpagetitle { font-size:12px;}
    540.  
    541.  
    542.  
    543. #blue_box ul {padding:10px;}
    544.  
    545. #blue_box li {background:url(../images/dot.gif) no-repeat 4px 6px;padding:2px 3px 2px 20px;}
    546.  
    547. #blue_box li a {font-weight:bold;}
    548.  
    549.  
    550.  
    551. #blue_bottom {
    552.  
    553.     width:208px;
    554.  
    555.     height:9px;
    556.  
    557.     background:url(../images/blue_bottom.gif) no-repeat;
    558.  
    559.     margin-bottom:8px;
    560.  
    561.     font-size:0px;
    562.  
    563. }
    564.  
    565.  
    566.  
    567. #center {
    568.  
    569.     width:365px;
    570.  
    571.     padding:0px 10px 0px 10px;
    572.  
    573.     float:left;
    574.  
    575.     position:relative;
    576.  
    577.     background:none;
    578.  
    579.     overflow:hidden;
    580.  
    581. }
    582.  
    583.  
    584.  
    585.  
    586.  
    587. .box_news,.box_news_long,.box_news_one,.box_news_long_one {border:1px solid #b3d2ef;visibility:hidden;float:left;margin:0px 3px 0px 3px;}
    588.  
    589. .box_news table {width:173px;}
    590.  
    591. .box_news_long table {width:275px;}
    592.  
    593. .box_news_one table {width:346px;}
    594.  
    595. .box_news_long_one table {width:560px;}
    596.  
    597. .box_news th,.box_news_one th,.box_news_long th,.box_news_long_one th {
    598.  
    599.     text-transform:uppercase;
    600.  
    601.     text-align:left;
    602.  
    603.     padding:2px 5px 0px 15px;
    604.  
    605.     height:18px;
    606.  
    607.     background:url(../images/bg_caption.gif) repeat-x;
    608.  
    609.     color:white;
    610.  
    611. }
    612.  
    613. .box_news td,.box_news_long td,.box_news_one td,.box_news_long_one td {padding:5px;}
    614.  
    615. .box_news li,.box_news_long li,.box_news_one li,.box_news_long_one li {background:url(../images/arrow2.gif) no-repeat 4px 6px;padding:2px 3px 2px 20px;}
    616.  
    617. .box_news a,.box_news_long li a,.box_news_one li a,.box_news_long_one li a {font-weight:bold;text-decoration:none;}
    618.  
    619.  
    620.  
    621. #footer_menu h3 { display: none;}
    622.  
    623. #footer_menu {
    624.  
    625.     clear:both;
    626.  
    627.     color:#b2b2b2;
    628.  
    629.     border-top:3px solid #f4f4f4;
    630.  
    631.     height:25px;
    632.  
    633.     padding:10px 5px 0px 15px;
    634.  
    635.     text-align:center;
    636.  
    637.     width:776px;
    638.  
    639.     margin:auto;
    640.  
    641. }
    642.  
    643.  
    644.  
    645. #footer_menu ul {
    646.  
    647.     list-style:none;
    648.  
    649.     margin:0px;
    650.  
    651.     padding:0px;
    652.  
    653.     text-align:center;
    654.  
    655. }
    656.  
    657.  
    658.  
    659. #footer_menu ul li {
    660.  
    661.     display:inline;
    662.  
    663.     text-align:center;
    664.  
    665.     padding:0px 20px 0px 20px;
    666.  
    667.     background:url(../images/arrow4.gif) 8px 3px no-repeat;
    668.  
    669. }
    670.  
    671.  
    672.  
    673. #footer_menu ul li a  {
    674.  
    675.     font-size:12px;
    676.  
    677.     text-decoration:none;
    678.  
    679.     font-weight:bold;
    680.  
    681.     color:#b2b2b2;
    682.  
    683. }
    684.  
    685.  
    686.  
    687. #footer_menu ul li a:hover {
    688.  
    689.     color:#969696;
    690.  
    691. }
    692.  
    693.  
    694.  
    695. #footer div {
    696.  
    697.     text-align:left;
    698.  
    699. }
    700.  
    701.  
    702.  
    703. #footer a:link, #footer a:visited {
    704.  
    705.     color:#bee6ff;
    706.  
    707.     text-decoration:none;
    708.  
    709. }
    710.  
    711.  
    712.  
    713. #footer a:hover {
    714.  
    715.     text-decoration:underline;
    716.  
    717. }
    718.  
    719.  
    720.  
    721.  
    722.  
    723. #pagewidth {
    724.  
    725.     width:836px;
    726.  
    727.     text-align:left;  
    728.  
    729.     margin-left:auto;
    730.  
    731.     margin-right:auto;
    732.  
    733.     background:url(../images/bg_big.gif) repeat-y;
    734.  
    735. }
    736.  
    737.  
    738.  
    739. #wrapper2 {
    740.  
    741.     margin-top:5px;
    742.  
    743.     padding:0px 20px 10px 20px;
    744.  
    745.     background:url(../images/bg_left.gif) repeat-y 198px;
    746.  
    747. }
    748.  
    749.  
    750.  
    751. #border_bottom {
    752.  
    753.     border-bottom:1px solid #cfcfcf;
    754.  
    755.     width:796px;
    756.  
    757.     margin:auto;
    758.  
    759.     font-size:0px;
    760.  
    761. }
    762.  
    763.  
    764.  
    765. #header {
    766.  
    767.     position:relative;
    768.  
    769.     height:190px;
    770.  
    771.     padding:6px 0px 0px 15px;
    772.  
    773.     width:796px;
    774.  
    775.     margin:auto;
    776.  
    777. }
    778.  
    779.  
    780.  
    781. #left {
    782.  
    783.     width:170px;
    784.  
    785.     float:left;
    786.  
    787.     position:relative;
    788.  
    789.     padding:0px 0px 0px 5px;
    790.  
    791. }
    792.  
    793.  
    794.  
    795. #twocols {
    796.  
    797.     width:605px;
    798.  
    799.     float:right;
    800.  
    801.     position:relative;
    802.  
    803. }
    804.  
    805.  
    806.  
    807. #right {
    808.  
    809.     width:208px;
    810.  
    811.     float:right;
    812.  
    813.     position:relative;
    814.  
    815.     padding:0px 7px 0px 0px;
    816.  
    817. }
    818.  
    819.  
    820.  
    821. #maincol {
    822.  
    823.     float: left;
    824.  
    825.     display:inline;
    826.  
    827.     position: relative;
    828.  
    829.     width:370px;
    830.  
    831. }
    832.  
    833.  
    834.  
    835. #footer {
    836.  
    837.     height:38px;
    838.  
    839.     clear:both;
    840.  
    841.     width:776px;
    842.  
    843.     margin:auto;
    844.  
    845.     padding:10px 5px 0px 15px;
    846.  
    847.     color:white;
    848.  
    849.     border-top:5px solid #bed8ef;
    850.  
    851.     background:url(../images/bg_bottom.gif) repeat-x;
    852.  
    853. }
    854.  
    855.  
    856.  
    857.  /*printer styles*/
    858.  
    859.  @media print{
    860.  
    861. /*hide the left column when printing*/
    862.  
    863. #left{display:none;}
    864.  
    865.  
    866.  
    867. /*hide the right column when printing*/
    868.  
    869. #rightcol{display:none;}
    870.  
    871. #twocols, #maincol{width:100%; float:none;}
    872.  
    873. }

    Код (CODE):
    1. /* clearing */
    2.  
    3. /*******************************************************************************
    4.  
    5.  * HACKS : Clearfix
    6.  
    7.  *
    8.  
    9.  * Clearfix provides a means to for an element to contain all it's floated
    10.  
    11.  * children even if it's not normally tall enough to do so. For more information
    12.  
    13.  * on clearfix please see:
    14.  
    15.  * http://www.positioniseverything.net/easyclearing.html
    16.  
    17.  */
    18.  
    19. .clearfix:after
    20.  
    21. {
    22.  
    23.     content: ".";
    24.  
    25.     display: block;
    26.  
    27.     height: 0;
    28.  
    29.     clear: both;
    30.  
    31.     visibility: hidden;
    32.  
    33. }
    34.  
    35. .clearfix
    36.  
    37. {
    38.  
    39.     min-width: 0;       /* trigger hasLayout for IE7 */
    40.  
    41.     display: inline-block;
    42.  
    43.     /* \*/  display: block; /* Hide from IE Mac */
    44.  
    45. }
    46.  
    47. * html .clearfix
    48.  
    49. {
    50.  
    51.     /* \*/  height: 1%; /* Hide from IE Mac */
    52.  
    53. }
    54.  
    55.  
    56.  
    57. .clear {
    58.  
    59. clear:both;
    60.  
    61. }
    62.  
    63. /* end clearing */


    Надеюсь на вашу помощь! :)
     
    Smartnews, 23.01.2012
    #1

  2. Наши спонсоры

     
  3. Offline

    Smartnews Недавно здесь

    Регистрация:
    23.01.2012
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    короче проблема решена. проблема в корявых дивах в файле footer.html у компонента fireboard
     
    Последнее редактирование: 23.01.2012
    Smartnews, 23.01.2012
    #2
< Проблема с верхним меню GK yourshop | Не могу разместить модуль(хит продаж) в нужном мне месте! >

Поделиться этой страницей

Загрузка...