Eсть шаблон сайта без использования таблиц - почти подточенный под определёный диз.. немного не пойму как сделать следующие:
1. Первый проблем состоит в том, что не получается присоединить дивы - сверху по бокам (по 1 на каждую сторону) от основного видимого дива ..
1.1 ну насамом деле то получается это сделать но появляется много других проблем, поэтому выложу без них....
2. Самая главный проблем - это отображение в IE. там вообще жесть...
если кто поможет буду очень благодарен...
HTML :
Код:<div id="gordi" > ******<div class="header"> ********** ********** ********** ****** ****<div class="center"> ******** ******** ********<div class="content"><div id=con2><p id=con> **** ********пвпв пвп..пвпвпв </p></div></div> ** ******** ** ****</div> ** **** ****** ** **</div>
css:
Код:#trifler,#gordi {background-color:#000; margin:2px auto;width:1012px; margin-top: -8px} #gordi {width:912px; } .header {background: #444;height:210px;} .footer {background:url(../images/4.gif) repeat-y top left; height:70px; background-color:#000; } .center {overflow:hidden;} .content,.left,.right {float:left;margin-bottom:-32767px;padding-bottom:32767px;text-align:left;} .content {background:url(../images/5.gif) repeat-y top right; background-color:#555;width:612px; min-height:600px; } .left {background:url(../images/4.gif) repeat-y top left;background-color:#888; width:300px;} .right {background-color:#888;width:200px;} .clear {clear:both;} #con {margin: 10px 40px 10px 20px } <!--[if IE 6]> <style type="text/css"> .content {height:expression(((document.documentElement.clientHeight || document.body.clientHeight) < 450)? "auto":"490px");} /* END DIV***/ div {color:red} #fut1 {margin:0 0 0 15px} #fut2 {background:url(../images/4.gif) repeat-y top right;**width: 70px; margin-right:0px:} #con3 {background:url(../images/5.gif) repeat-y top right; margin:-10px 0 0px 0 } #fut3 { width: 858px;**background: Aqua; float:left; margin-left:27px;height:70px;} #fut5 { width: 27px; background:url(../images/5.gif) repeat-y top left;**float:left; height:70px;} #hs1 {background:url(../images/5.gif) repeat-y top right;**height:210px; width: 27px; margin:0px 0px 0 304px} #lef {margin: 10px 5px 0 35px} #div1 {background:url(../images/1.gif); width:302px; height:210px;**float:left;} #div11 {background:url(../images/4.gif) repeat-y top left; height:210px;} #div2 {background:url(../images/2.gif); float:left; height:210px; width:279px} #div3 {background:url(../images/3.gif); float:left; height:210px; width:319px}



