1. Наш канал codeby в telegram. Пишем об информационной безопасности, методах защиты информации, о программировании. Не пропускай новости с кодебай, будь в тренде ! Подробнее ...

    Скрыть объявление

двухцветный Background и резина

Тема в разделе "Web - программирование", создана пользователем loki, 27 сен 2010.

  1. loki

    loki Гость

    Репутация:
    0
    здраствуйте столкунулся с проблеммой суть есть страница с двухцветным по горизонтали background тоесть задача сделать этот фон резиновым не только по ширине но и по высотe. Всё бы хорошо , но при высоте контента более 100%
    фон просто не тянется более 100% так как контент находится в абсолютно позиционированном блоке и фон на изменение его размера просто не реагирует можно конечно задать один из 2 цветов в качестве bасkground для body но вот как быть со вторым? Буду очень благодарен за помощь
    Код:
    <div class="content">
    <div class="leftbottomShadow"><div class="leftShadow"></div></div>
    <div class="contentHere">	</div>
    <div class="rightbottomShadow"><div class="rightShadow"></div></div>
    <div class="footer"></div>
    <div class="topBg"></div>
    
    
    
    
    </div>
    </div>
    
    
    
    
    
    
    
    </body>
    /*CSS*/
    * {
    margin:0;
    padding:0;
    }
    
    html,body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,blockquote,form,fieldset,legend,
    table,td,th,div {
    margin:0;
    padding:0;
    }
    
    html,body {
    height: 100%;
    font-family:Tahoma, Geneva, sans-serif;
    }
    
    
    .main{
    height: 100%;
    width:100%;
    background-color:#dbe1e6;
    
    
    }
    .white{
    height:50%;
    width:100%;
    background-color:#eaeff2;
    
    
    }
    .content{
    width:1116px;
    height:100%;
    margin: 0 auto;
    background-color:#ff0000;
    position:absolute;
    top:0;
    z-index:2;
    margin-left:-558px;
    left:50%;
    
    
    
    
    
    }
     
Загрузка...

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