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}