Высота колонок

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем Pasha89, 30.07.2014.

  1. Offline

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

    Регистрация:
    15.07.2014
    Сообщения:
    29
    Симпатии:
    0
    Пол:
    Мужской
    Когда мало материала на странице, то получается пустота между content и footer(при этом футер прижат), получилась какая-то фиксированная высота , что модули не все помещаются в правую колонку.
    Код (xml):
    1. <body style="background-image:url(images/myimg/fon.jpg);">
    2.   <div id="container">
    3.     <div id="header">
    4.     <jdoc:include type="modules" name="header" style="xhtml" />
    5.        <img src="images/myimg/shapk.jpeg" width="1024px" alt="шапка сайта">
    6.     </div>
    7.       <div id="user2 ">
    8.      <jdoc:include type="modules" name="user2" style="xhtml" />
    9.       </div>
    10.      <div id="user1 ">
    11.      <jdoc:include type="modules" name="user1" style="xhtml" />
    12.       </div>
    13.      <div id="wrap">
    14.      
    15.         <div id="wrap2">
    16.            <div id="left">
    17.            <jdoc:include type="modules" name="left" style="xhtml" />
    18.            </div>
    19.           <div id="content<?php echo $contentwidth; ?>">
    20.            <jdoc:include type="message" />
    21.            <jdoc:include type="component" style="xhtml" />
    22.            </div>
    23.        </div>
    24.         <div id="right">
    25.         <jdoc:include type="modules" name="right" style="xhtml" />
    26.         </div>
    27.      </div>
    28.       <div id="rasporka"></div>
    29.   </div>  
    30.       <div id="footer"></div>    
    31. </body>

    Код (css):
    1. *{
    2. padding:0 auto;
    3. outline:none;
    4. }
    5. body, html {
    6.   height:100%;
    7.   margin:0;
    8.   padding:0;
    9.   background-image: url('images/myimg/fon.jpg') repeat;
    10.   font:14px Arial, Helvetica, sans-serif ;
    11.   line-height:1.3;
    12.   color:#000;
    13.   text-align:left;
    14. }
    15. #container{
    16.   border-radius:6px;
    17.   width: 1024px;
    18.   margin:0 auto;
    19.   min-height:100%;
    20.   background-color: #ffffff;
    21.   position: relative;
    22. }
    23. #header{
    24.   background-image: url(img/shapka.jpg);
    25.   height:200px;
    26.   text-align:right;
    27. }
    28. #wrap {width:1024px;
    29.       clear:both;
    30.      overflow: hidden;    
    31. }
    32. #wrap2 {float:left;
    33.       width:810px;
    34.        margin-bottom: -1000em;
    35.        padding-bottom: 1000em;
    36.       min-height:100%;
    37.       overflow: hidden;
    38.       clear:both;
    39.       margin-left:2px;
    40. }
    41. #left{
    42.   background-color: #;
    43.   width: 195px;
    44.   margin-bottom: -1000em;
    45.   padding-bottom: 1000em;
    46.   float: left;
    47.   margin-top:5px;
    48.   text-align:left;
    49.   box-shadow: 0 0 2px #bebdbd inset;
    50. }
    51. #right{
    52.   background-color:#ddd;
    53.   width:200px;
    54.   float:left;
    55.   margin-bottom: -1000em;
    56.   padding-bottom: 1000em;
    57.   margin-top:5px;
    58.   margin-left:5px;
    59.   box-shadow: 0 0 2px #bebdbd inset;
    60.   }
    61. #content{
    62.   background-color:;
    63.   padding: 10px 5px 5px 5px;
    64.   float:right;
    65.   width:600px;
    66.   padding-bottom: 50px;
    67.   box-shadow: 0 0 5px #bebdbd inset;
    68.   margin-bottom: -1000em;
    69.   padding-bottom: 1000em;
    70.   margin-top:5px;
    71. }
    72. #rasporka{
    73.   height:40px;
    74. }
    75. #footer{
    76.   border-radius:6px;
    77.   background-color: #95726A;
    78.   width: 1024px;
    79.   height:40px;
    80.   margin:-40px auto 0 auto;
    81.   position: relative;
    82.   clear:both;
    83.   text-align:center;
    84.   }
    85. #user2 {
    86.     width: 100%;
    87.     background-color:#fffce9;
    88.     clear:both;
    89. }


    1.png
     
  2.  
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    удали min-height:100%;
     
  4. Offline

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

    Регистрация:
    15.07.2014
    Сообщения:
    29
    Симпатии:
    0
    Пол:
    Мужской
    @draff
    Не помогло
     
  5. DKraev
    Offline

    DKraev <i>(aka gft)</i> => Cпециалист <=

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    219
    Пол:
    Мужской
    Там больше похоже на overflow:hidden;
    Где-то нет отсечки clear

    Тут копать надо, overflow:

     

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

Загрузка...