Народ помогите кто сможет... Делал верстку трехколоночную с одинаковой высотой. Все хорошо. Все как надо. Но одно но... Высота этих колонок не уменьшается (((( Поэтому не могу закончить верстку. Посмотрите может я чето напутал... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Название страницы</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <div id="header"> <img src="img/logo1.png" height=200 width=766> <a href=#><img src="img/banner.png" class=ban2 height=82 width=209></a> <a href=#><img src="img/banner.png" class=ban1 height=82 width=209></a> <a href=#><img src="img/home.png" class=home height=20 width=17></a> <a href=#><img src="img/find.png" class=find height=20 width=17></a> <a href=#><img src="img/strel.png" class=strel height=20 width=17></a> <div class=clear></div> <div id=pol> <div class=zag1><a href=# class=a1>О КОМПАНИИ</a></div> <div class=zag1><a href=# class=a1>НОВОСТИ</a></div> <div class=zag1><a href=# class=a1>КЛИЕНТАМ</a></div> <div class=zag1>КАТАЛОГ</div> <div class=zag1><a href=# class=a1>ПОДБОР ОНЛАЙН</a></div> <div class=zag1><a href=# class=a1>КОНТАКТЫ</a></div> </div> </div> <div class=clear></div> <div id="container"> <div id="sub-container"> <div id="content"> <div id="text"> <img src="img/polblue.png" height=27 width=215> <ol class=ol1> <div class=zag2>СЕТЬ ШИННЫХ ЦЕНТРОВ</div> <li> Кабинет маммографический передвижной «КМП-Тандем» на шасси ЗИЛ, КАМАЗ и МАЗ предназначен для проведения </li> <div class=zag3>ПОСЛЕДНИЕ НОВОСТИ</div> <li> <font color=#d2943a>01.04.2007</font><br> Кабинет маммографический передвижной «КМП-Тандем» на шасси ЗИЛ, КАМАЗ и МАЗ предназначен для проведения скрининговых маммологических обследований населения в труднодоступных и отдаленных районах. </li> <li> <font color=#d2943a>01.04.2007</font><br> Кабинет маммографический передвижной «КМП-Тандем» на шасси ЗИЛ, КАМАЗ и МАЗ предназначен для проведения скрининговых маммологических обследований населения в труднодоступных и отдаленных районах. </li> </ol> <a href=# class=a2>читать дальше</a> </div> </div> <div id="left"> <img src="img/polyelo.png"> </div> </div> <div id="right"> <div class=zag4>О КОМПАНИИ</div> <img src="img/pic.png" class=pic> <div class=text> Кабинет маммографический передвижной «КМП-Тандем» на шасси ЗИЛ, КАМАЗ и МАЗ предназначен для проведения скрининговых маммологических обследований населения в труднодоступных и отдаленных районах.<br> <a href=# class=a3>читать дальше</a> </div> <div class=clear></div> <img src="img/yellow.png" class=yelo> <img src="img/disk.gif" class=disk> <div class=diskt>КАТАЛОГ<br>ДИСКОВ</div> <img src="img/grey.png" class=gr> <img src="img/shina.gif" class=sh> <div class=shinat>КАТАЛОГ<br>ШИН</div> <img src="img/map.png" class=map> <img src="img/strelka.gif" class=str> <div class=how>КАК К НАМ<br>ПРОЕХАТЬ</div> </div> <div class=clear></div> </div> <div id="footer"> <div class=polosa1></div> <div class=polosa2></div> </div> </div> <div class=clear></div> </body> </html> * {margin: 0; padding: 0;} .clear { clear: both; } a img { border: none; } a { text-decoration: none; } #wrapper { width: 766px; margin: 0 auto; border: solid 1px; } #header { } #container { position: relative; background: #2e2a85; top: -87px; } * html #container {height: 1%;} #sub-container { float: left; border-right: 550px solid #bac6d2; /* фон правого сайдбара */ width: 216px; } #content { width: 100%; float: left; } #text { border-right: 1px solid #f6d901; /* фон левого сайдбара */ } #left { float: left; width: 1px; margin-left: -1px; background: #f6d901; /* фон левого сайдбара */ position: relative; } #right { float: left; width: 550px; margin-left: -551px; background: #bac6d2; /* фон правого сайдбара */ border-left: 1px solid #f6d901; /* фон левого сайдбара */ } #footer { position:relative; top: -100px; } .ban2 { position: relative; float: right; top: -182px; left: -87px; } .ban1 { position: relative; float: right; top: -182px; left: -87px; } .home { position:relative; float: right; left: 387px; top: -177px; } .find { position:relative; float: right; left: 403px; top: -156px; } .strel { position:relative; float: right; left: 420px; top: -136px; } #pol { position: relative; background: url(img/pol.png); height: 33px; top: -87px; } .zag1 { float: left; font-weight: bold; font-size: 10pt; font-family: Tahoma; padding-left: 45px; padding-top: 9px; color: #fff; } .a1 { color: #080677; } .ol1 { font-family: Arial; font-size: 8pt; color: #dcc294; padding-left: 25px; list-style-type: none; } .zag2 { color: #fbae27; font-weight: bold; font-family: Tahoma; font-size: 10pt; padding-bottom: 8px; } .zag3 { color: #f4e90b; font-weight: bold; font-family: Tahoma; font-size: 10pt; padding-top: 10px; padding-bottom: 5px; } li { padding-bottom: 10px; } .a2 { color: #fff; text-decoration: underline; padding-left: 25px; font-family: Arial; font-size: 8pt; } .zag4 { padding-top: 30px; color: #fcfcfc; font-family: Tahoma; font-weight: bold; font-size: 12pt; padding-left: 35px; } .pic { float: left; padding-left: 30px; padding-top: 20px; padding-right: 25px; } .text { color: #0b042e; font-size: 8pt; font-family: Tahoma; padding-top: 20px; padding-right: 25px; text-align: justify; } .a3 { color: #fff; text-decoration: underline; font-family: Arial; font-size: 8pt; } .yelo { padding-top: 85px; padding-left: 30px; } .disk { position: relative; left: -198px; top: -25px; } .diskt { position: relative; font-family: Tahoma; font-weight:bold; color: #3b403c; font-size: 10pt; top: -55px; left: 150px; } .gr { position: relative; padding-left: 30px; top: -20px; } .sh { position: relative; left: -185px; top: -27px; } .shinat { position: relative; font-family: Tahoma; font-weight:bold; color: #3b403c; font-size: 10pt; top: -75px; left: 150px; } .map { position: relative; float:right; padding-right: 35px; top: -230px; } .str { position: relative; float: right; top: -253px; left: 85px; } .how { position:relative; float: right; color: #faf54c; font-family: Tahoma; font-size: 10pt; font-weight: bold; left: 140px; top: -230px; } .polosa1 { background: #f8f138; height: 7px; } .polosa2 { background: #2e2a85; height: 21px; } Вот сам сайт
