ребята, помогите! неделю вожусь со следующей задачей. сайт фиксированной ширины, в шапке и в подвале (высота у них фиксирована) размещены картинки, центр (меню и содержание, высота динамическая) должен немного фигурно перекрывать их (дизайнерский изыск). делаю и так и сяк, фаервокс и опера кажут как надо и даже 7 ослик, но 6 IE меня просто уже бесит. вот пока текущий вариант: <div id="base"> <div id="top"> <div id="bottom"> <div class="layout-box lb-4"> <div class="box content"> <ul class="menu-v icons"> <li class="icon i-link">менюменюменю</li> </ul> </div> </div> <div id="contents" class="layout-box lb-2"> <div class="box content"> текстекстекст </div> </div> <div id="footer"> <p>Копирайт ©2009г.</p> </div> </div><!-- bottom --> </div><!-- top --> </div><!-- base --> вот css html { height: 100%; background: #EDF8FC; font: 0.80em/1.2 verdana, arial, helvetica, sans-serif; } body { height: auto !important; height: 100%; min-height: 100%; color: #3382CD} .layout-box { float: left; width:100%} .lb-2 { width: 520px; } /* 75% */ .lb-4 { width: 200px; #base { width:802px; margin: 0 auto; background-color: #fff; border-left-style: solid; border-right-style: solid; border-left-width: 5px; border-right-width: 5px; border-left-color: #B4E9FB; border-right-color: #B4E9FB; } #top {z-index:1;position:relative;padding-top: 410px;background-image: url(../img/head.jpg); background-repeat: no-repeat; background-position: top center;} #contents {z-index:10} .menu {z-index:3;margin: 0 0 0 25px;} #bottom {z-index:2;padding-bottom: 240px; background-image:url(../img/foot.jpg); background-repeat: no-repeat; background-position: bottom center;} #footer {position:relative;top:235px;} .box { margin: 11px; } размер картинок сверху - 802х458, снизу802х362
