Проблемы с IE6

Светлана Гр. · January 29, 2010

Здравствуйте!

Вот такие проблемы в 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;
}

psywalker · January 29, 2010

контейнеру зуум:1, из которого всё вываливается

Светлана Гр. · January 29, 2010

контейнеру зуум:1, из которого всё вываливается

К сожалению, не помогло.

psywalker · January 29, 2010

К сожалению, не помогло.

Какому блоку ставишь и что?

Код давай отдельного блока, которому ставишь

Светлана Гр. · January 29, 2010

Вот, например, добавила сюда:

psywalker · January 29, 2010

Вот, например, добавила сюда:
<div id="header" style="zoom:1;">

Странная тема, вроде у тебя там стоит везде высота, поэтому будем думать ещё

Светлана Гр. · January 30, 2010

Одну проблему решила (поле под меню).

Нужно было убрать вот эти очищающие div:

psywalker · January 30, 2010

Одну проблему решила (поле под меню).
Нужно было убрать вот эти очищающие div:
<div class="clear"></div>

А что осталось?

mini · January 31, 2010

Одну проблему решила (поле под меню).
Нужно было убрать вот эти очищающие div:
<div class="clear"></div>

вторая проблема я так понял? это то? что в ие6 слетает правая часть (картинка и календарик)!!!

зачем так извращатся над этим блоком?

#ColumnRight {

margin-left:735px;

width:225px;

}

может лутше так?

#ColumnRight {

float:right;

width:225px;

}

и тогда футеру {clear:both;}

Sign In

Проблемы с IE6

Question

Светлана Гр.

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Светлана Гр.

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Светлана Гр.

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Светлана Гр.

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

mini

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information