Здравствуйте! Вот такие проблемы в IE6: появляется промежуток (белое поле) под верхним меню, а правое меню при масштабировании вываливается. Не могу никак решить проблему. Очень надеюсь на помощь. Заранее спасибо! www.septic-topas.ru/ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <div id="container"> <div id="header"> <div id="menu-top"> <ul> <li class="active"><a href="#">Главная</a></li> <li><a href="catalog.html">Каталог</a></li> <li><a href="price.html">Цены</a></li> <li><a href="dostavka.html">Доставка</a></li> <li><a href="montazh.html">Монтаж</a></li> <li><a href="article.html">Статьи</a></li> <li class="end"><a href="contact.html">Контакты</a></li> </ul> </div> <div class="clear"></div> <div id="header-left"> <h1>Локальные очистные сооружения Топас.Биологическая очистка сточных вод.Канализация загородного дома, дачи, коттеджа.</h1> <img src="images/logo.gif" alt="логотип ТОПОЛ-ЭКО" width="45" height="44"><span>продукция ООО «ГК Топол-Эко»</span> </div> <div id="header-right"> <ul> <li><a href="#">Методы очистки сточных вод</a></li> <li><a href="#">Дополнительное оборудование</a></li> <li><a href="#">Отвод очищенной воды</a></li> <li><a href="#">Сервисное обслуживание</a></li> <li><a href="#" title="Ремонт Топас, Топаэро, Топбио, Тополлиум">Ремонт</a></li> </ul> </div> <div id="sub-header"> <h2>Локальные системы очистки - комфорт на даче, в коттедже, в загородном доме.</h2> </div> <!-- end header-bottom --> </div> <!-- end header --> <div id="cook"><em>Путь по сайту</em></div> <div id="content"> <h1>Локальные очистные сооружения для дачи, коттеджа, загородного дома</h1> <div class="clear"> </div> </div><!-- end content --> <div id="ColumnRight"> <img src="images/stroiteli.jpg" width="225" height="180" alt="строителям - спецпредложение"></div> <div id="footer"> <ul> <li><a href="#">Главная</a></li> <li><a href="catalog.html">Каталог</a></li> <li><a href="price.html">Цены</a></li> <li><a href="dostavka.html">Доставка</a></li> <li><a href="montazh.html">Монтаж</a></li> <li><a href="article.html">Статьи</a></li> <li ><a href="contact.html">Контакты</a></li> </ul> <p class="copy">Copyright © 2009</p> </div> </div><!-- end container --> </body> </html> Таблица стилей: @charset "utf-8"; * { margin:0; padding:0; } body { font: 80%/1.3 Arial, Helvetica, sans-serif; } h1, h2, h3, h4 { margin: 0 0 .4em; color:#4a8f0c; font-family: Arial, Helvetica, sans-serif; } h1 { font-size:150%; } h2 { font-size: 133%; } h3 { font-size: 125%; } h4 { font-size: 110%; } .clear { clear:both; width:0px; height:0px; margin:0px; border:0px; } a { color: #4a8f0c; outline:none; text-decoration:none; } ul {list-style-type:none;} ul.uslugi { list-style-type:square; list-style-position:inside; margin-bottom:0.5em; } img { border:none; } #container { position:relative; background: transparent url(images/body-bg.png) repeat-y; width:960px; margin:0 auto; padding:1px 6px 0 6px; } #header { position:relative; width:960px; height:270px; } #header-left { background:url(images/header.jpg) no-repeat; width:730px; height:200px; } #header-left h1 { text-indent:-9000px; } #header-right { margin-left:731px; background: #95958d url(images/mnu-right.jpg) repeat-x; border-left:1px solid #fff; width:219px; height:214px; position:absolute; right:0px; top:0px; padding:5px; } #header-left img { position:absolute; top:33px; right:291px; } #header-left span { position:absolute; top:78px; right:240px; color:#fff; font-size:9px; font-family: Tahoma, Geneva, sans-serif; } #header-left a { text-decoration:none; } #header-right ul { padding:0; } #header-right a { background:url(images/punkt.gif) no-repeat 100% 50%; text-decoration:none; display:block; color:#FFF; border-bottom:1px dotted #ccc; padding-right:10px; } #header-right a:hover { color: #e4fa07; padding-right:10px; } #header-right ul li { margin: 21px 2px; position:relative; } #menu-top { width:730px; height:23px; background-color:#fff; border-bottom:1px solid #fff; } #menu-top ul { margin:0; padding:0; float:left; width:730px; background-color:#4d890e; } #menu-top ul li { float:left; background-color:#4d890e; padding-top:2px; } #menu-top ul li a { font-family: Arial, Helvetica, sans-serif; float:left; display:block; height:19px; text-decoration:none; padding:2px 15px 0px 15px; text-align:center; border-right:1px solid #fff; font-weight:bold; } #menu-top ul .active a{ background-color:#626265; color:#fff; } #menu-top ul .end a { border:none; } #sub-header { background:url(images/header-bottom.gif) no-repeat; width:960px; height:44px; border-top:1px solid #fff; border-bottom:1px solid #fff; position:relative; } #sub-header h2 { color: #fff; float:left; width:718px; line-height:45px; font-family:Arial, Helvetica, sans-serif; font-size:110%; padding-left:12px; } #header-bottom img { margin-left:50%; } #header ul { color:#fff; } #cook { float:left; width:710px; padding:0 10px; margin:3px 0 0; } #content { float:left; width:715px; padding:0 5px 12px 10px; margin-top:8px; } #content p { text-align:justify; } #content img { float:left; margin:0 7px 7px 0; padding:3px; border:1px solid #4a8f0c; } p { margin-bottom:0.8em; } #content a { text-decoration:underline; } #models-container { background: url(images/models-container-bg.gif) no-repeat; width:715px; height:130px; margin-bottom:0.5em; } #models-container p { text-align:left; font-size:95%; color:#626256; line-height:1; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #models-container h3 { margin-bottom:0.3em; } #models-container a { color:#4a8f0c; text-transform:uppercase; text-decoration:underline; } #models-container a:hover { text-decoration:underline; text-decoration:none; } .column { float:left; width:166px; height:110px; margin-top:0.5em; margin-bottom:1em; display:inline; overflow:hidden; padding-left:10px; } #ColumnRight { background-color:#bdcb22; margin-left:730px; width:225px; padding:0 0 12px 5px; } #footer { color:#fff; position:relative; clear:both; width:940px; height:1%; background-color:#95958d; border-top:1px solid #626256; padding:8px 10px 10px 10px; border-bottom:1px solid #626256; } #footer ul { float:left; } #footer li { display:inline; } #footer li a { font-size:1.2em; margin-right:1.4em; } #footer li a:hover { text-decoration:none; } p.copy { margin-top:9px; text-align:right; }
