Имеется небольшой сайт с главной страницей: Файл index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="font-family:Arial"> <head> <title>Пример</title> <link href="styles/main.css" rel="stylesheet"> </head> <body onload="RenderMenu()"> <div id="title" > <!-- #include file="header.html" --> </div> <div id="content" > <div id="main_ext" style=""> <!-- #include file="start.html" --> </div> <div id="sections_ext" style="float:left"> <!-- #include file="menu.html" --> </div> </div> <div id="meta"> <!-- #include file="footer.html" --> </div> </body> </html> Файл header.html <div id="header" style="line-height:150%; font-size:smaller;"> <img id="header_img" alt="Стартовая страница" style="cursor: pointer;" src="pics/head.png" onclick="GoMenu('/index.html');" /> </div> Файл footer.html <div> <p> <div id="labs"> Центральный офис:<br/>Телефон/факс:<br/>e-mail: </div> <div id="props" > Данные </div> </p> </div> Файл start.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="font-family: Arial"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link href="styles/main.css" rel="stylesheet"> </head> <body> <div id="mainS"> <div> <a href="index.html"> <img align="middle" class="picture" src="pics/logo3.gif" alt="company logo" border="0" /></a> </div> <br> <p > Текст <p > Текст <p > Текст <p > Текст </div> <div id="news" > <h3 > Наши новости</h3> <p> 28.11.2008 <p> <b>Расширяем круг друзей!</b> <p> Текст <a href="press/news.html" style="color: Blue;">Подробнее</a> <br> <p> 29.10.2008 <p> <b>Не бизнесом единым!</b> <p> Текст <a href="press/news.html" style="color: Blue;">Подробнее</a> <br> <p> 18.09.2008 <p> <b>«Инвестиции в обучение – инвестиции в будущее!»</b> <p> Текст<a href="press/news.html" style="color: Blue;">Подробнее</a> <br> </div> </body> </html> Файл menu.html <script type="text/javascript" language="JavaScript"> function GoMenu(value) { window.location = value; } function ShowMenu(value) { value=='Company'?document.getElementById('Company').style.cssText='display:block':document.getElementById('Company').style.cssText='display:none'; value=='PressCenter'?document.getElementById('PressCenter').style.cssText='display:block':document.getElementById('PressCenter').style.cssText='display:none'; value=='OurServices'?document.getElementById('OurServices').style.cssText='display:block':document.getElementById('OurServices').style.cssText='display:none'; value=='OurProjects'?document.getElementById('OurProjects').style.cssText='display:block':document.getElementById('OurProjects').style.cssText='display:none'; //value=='SiteMap'?document.getElementById('SiteMap').style.cssText='display:block':document.getElementById('SiteMap').style.cssText='display:none'; } function RenderMenu() { /company/.test(window.location)?document.getElementById('Company').style.cssText='display:block':document.getElementById('Company').style.cssText='display:none'; /press/.test(window.location)?document.getElementById('PressCenter').style.cssText='display:block':document.getElementById('PressCenter').style.cssText='display:none'; /services/.test(window.location)?document.getElementById('OurServices').style.cssText='display:block':document.getElementById('OurServices').style.cssText='display:none'; /projects/.test(window.location)?document.getElementById('OurProjects').style.cssText='display:block':document.getElementById('OurProjects').style.cssText='display:none'; } </script> <div> <h3 onclick="ShowMenu('Company');">О компании</h3> <div id="Company" class="pages" style="display:block;"> <a href="java script:GoMenu('/company/whous.html')">Кто мы</a> <!--company/whous.html--> <a href="java script:GoMenu('/company/appeal.html')">Обращение Генерального Директора</a> <a href="java script:GoMenu('/company/clientreports.html')">Отзывы клиентов</a> <a href="java script:GoMenu('/company/companystructure.html')">Структура компании</a> <a href="java script:GoMenu('/company/ourpartners.html')">Наши партнеры</a> <a href="java script:GoMenu('/company/collaborationoffer.html')">Приглашаем к сотрудничеству</a> <a href="java script:GoMenu('/company/contacts.html')">Контакты</a> </div> <h3 onclick="ShowMenu('PressCenter');">Пресс-Центр</h3> <div id="PressCenter" class="pages"> <a href="java script:GoMenu('/press/news.html')">Новости</a> <a href="java script:GoMenu('/press/events.html')">События</a> </div> <h3 onclick="ShowMenu('OurServices');">Наши услуги</h3> <div id="OurServices" class="pages"> <a href="java script:GoMenu('/services/itconsalting.html')">Управленческий и ИТ-консалтинг</a> <a href="java script:GoMenu('/services/developmentpo.html')">Разработка программного обеспечения</a> <a href="java script:GoMenu('/services/supportio.html')">Сопровождение Информационных Систем</a> <a href="java script:GoMenu('/services/sharepoint.html')">Microsoft Share Point</a> <a href="java script:GoMenu('/services/portalsdevelopment.html')">Разработка Интернет-Порталов</a> <a href="java script:GoMenu('/services/crmsupport.html')">Внедрение и сопровождение CRM- и OMS-систем</a> <a href="java script:GoMenu('/services/sciencedevelopment.html')">Научно-прикладная разработки</a> </div> <h3 onclick="java script:GoMenu('/technologies/ourtechnologies.html');">Наши технологии</h3> <h3 onclick="ShowMenu('OurProjects');">Наши проекты</h3> <div id="OurProjects" class="pages"> <a href="java script:GoMenu('/projects/federalService.html')">Проект1</a> <a href="java script:GoMenu('/projects/ElectronMoscow.html')">Проект2</a> <a href="java script:GoMenu('/projects/smpharma.html')">Проект3</a> <a href="java script:GoMenu('/projects/lawsupport.html')">Проект4</a> <a href="java script:GoMenu('/projects/skif.html')">Проект5</a> <a href="java script:GoMenu('/projects/mediastorage.html')">Проект6</a> <a href="java script:GoMenu('/projects/iportal.html')">Проект7</a> <a href="java script:GoMenu('/projects/ymk.html')">СПроект8</a> <a href="java script:GoMenu('/projects/cargo.html')">Проект9</a> <a href="java script:GoMenu('/projects/vzpm.html')">Проект10</a> <a href="java script:GoMenu('/projects/pm.html')">Проект11;</a> </div> <h3 onclick="java script:GoMenu('/sitemap.html')">Карта сайта</h3> </div> <script type="text/javascript"> RenderMenu(); </script> Файл стилей main.css body { color :black; padding:0; width:1024px; margin:0 auto; position:relative; height:100%; } html { background :#FFF; font-family :Arial; line-height : 150%; } /*заголовок*/ #title { height: 157px; color: white; } /*подвал*/ #meta { bottom:0; height:57px; width:100%; padding:1px 0; background: url(../pics/bottom.png) no-repeat; color:white; font-size:70%; line-height:100%; } #labs { position: absolute; width:12%; left:50px; } #props { position: absolute; width:50%; margin-left: 12%; left:90px } /*содержимое*/ #content { width:100%; height: 100%; padding-bottom:57px; background-color:Navy; } #sections_ext /*меню*/ { float:left; width:20%; font-size:80%; background-color:Red; position: absolute; } #main_ext /*содержимое + новости*/ { float:right; width:80%; padding-bottom:10px; background-color:Blue; } #mainS { overflow:hidden; float:left; width:75%; background-color:Gray; } #news { overflow:hidden; text-align :justify; float:right; width:25%; background-color:Lime; } Проблема в том что в IE6 меню съезжает вниз, а должна находиться наверху блока section_ext , как в IE7, Opera9, FF2. Что нужно исправить или добавить?
