Помогите настроить под IE6

ONIX · January 16, 2009

Имеется небольшой сайт с главной страницей:

Файл 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. Что нужно исправить или добавить?

Edited January 17, 2009 by ONIX

ONIX · January 16, 2009

Неужели никто не может помочь?

klierik · January 16, 2009

для начала оформите нормально свой пост.

или лучше выложите страничку в интернет.

ONIX · January 16, 2009

Нормально это как? что там не так?

klierik · January 16, 2009

поместите код в соответствующие теги, пожалуйста.

Vlad · January 17, 2009

Код вставь в [ codebox ] [ /codebox ] без пробелов только.

Victor Ananiev · January 17, 2009

да, Vlad а можно что бы при быстром ответе тоже вставлялись теги codebox а не code?

ONIX · January 18, 2009

Вот вроде подправил

ONIX · January 19, 2009

Помогите пожалуйста, очень нужно!!!

ONIX · January 19, 2009

Неужели никто не знает?

3ABAPKA · January 19, 2009

Еще просьба, соедини все файлы сам, помести в архив и выложи сюда!

ONIX · January 19, 2009

а как здесь закачать файлы?

Victor Ananiev · January 19, 2009

выложить на rapidshare.com или еще куда, а сюда кинуть линк)

Searcher · January 19, 2009

попробуйте фрагмент

<div id="sections_ext" style="float:left">
<!-- #include file="menu.html" -->
</div>

записать без пробелов и переносов строк, IE иногда плохо их обрабатывает

<div id="sections_ext" style="float:left"><!--#include file="menu.html"--></div>

если не поможет, может еще и в menu.html поудалять пробелы и переносы...

ONIX · January 22, 2009

Спасибо, настроил, получилось...

Sign In

Помогите настроить под IE6

Question

Link to comment

Share on other sites

14 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information