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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем loki, 27 сен 2010.

  1. loki

    loki Гость

    здраствуйте столкунулся с проблеммой суть есть страница с двухцветным по горизонтали background тоесть задача сделать этот фон резиновым не только по ширине но и по высотe. Всё бы хорошо , но при высоте контента более 100%
    фон просто не тянется более 100% так как контент находится в абсолютно позиционированном блоке и фон на изменение его размера просто не реагирует можно конечно задать один из 2 цветов в качестве bасkground для body но вот как быть со вторым? Буду очень благодарен за помощь
    Код (Text):
    <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%;





    }
     
Загрузка...
Похожие Темы - двухцветный Background резина
  1. Dragon108
    Ответов:
    31
    Просмотров:
    5.756
  2. fedotxxl
    Ответов:
    20
    Просмотров:
    6.353
  3. Omh
    Ответов:
    19
    Просмотров:
    6.767
  4. alik86
    Ответов:
    22
    Просмотров:
    6.833
  5. ioni
    Ответов:
    3
    Просмотров:
    2.589

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