Jump to content
  • 0

Проблемы с IE6

Светлана Гр.

Asked by Светлана Гр.,

 Share

Question

Светлана Гр. Explorer

Светлана Гр.

Posted
Posted

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

Вот такие проблемы в IE6: появляется промежуток (белое поле) под верхним меню, а правое меню при масштабировании вываливается.

Не могу никак решить проблему. Очень надеюсь на помощь. Заранее спасибо!

www.septic-topas.ru/

111.jpg

<!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;
}

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
mini Explorer

mini

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

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

<div class="clear"></div>

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

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

#ColumnRight {

margin-left:735px;

width:225px;

}

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

#ColumnRight {

float:right;

width:225px;

}

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept