Не могу справиться с IE6

mazhar · April 30, 2010

Вот как выглядит страница в IE8

Так выглядит в IE6

Помогите, плиз, разобраться с этой кроссбраузерностью.

+В opera при увеличении страницы появляются не желательные просветы. Разобраться бы из-за чего такое происходит?

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title></title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="title" content="" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>

<body>

<div id="wrapper">

	<div id="header"><img src="images/header.gif" alt="" height="163" width="1000"  />

	</div><!-- #header-->

	<div id="middle">

		<div id="container">

		  <div id="content">
 <div class="text"> <h4> О компании </h4> 
 <hr align="left" />    
</div><p>Если Вы занимаетесь пошивом нательной и верхней одежды и у Вас есть одна швейная машина или большое швейное предприятие,...</p>
  <p>если у Вас небольшой магазин тканей или сеть магазинов,...</p>
  <p><b>- Вы попали прямо в цель.</b></p>
  <p> Мы понимаем, что рынок  тканей развивается настолько динамично, что мы не можем позволить себе  ориентироваться лишь на сегодняшний день.<br />
  <br />
Нашей задачей является предоставление клиенту максимального ассортимента тканей, отвечающего любым его специфичным требованиям.<br />
  <br />
Мы тесно контактируем с зарубежными партнерами, посещаем международные  выставки и отслеживаем приоритеты рынка, предлагая затем нашим клиентам  современные ткани от лучших производителей Кореи, Индонезии, Тайваня,  Китая, Италии.<br />
  <br />
Наш коллектив находится в постоянном поиске новых решений. </p>
<p><b>Cуществует индивидуальная работа с клиентом на год вперед с подбором ткани.</b></p>
  <p>Покупать ткани оптом – значит экономить свое время и деньги. Гибкая ценовая политика нашей компании позволяет  покупать ткани по наиболее выгодной цене. Ассортимент очень широк. <strong>Подробнее о тканях</strong> и их <strong><a href="http://sonatextiles.com.ua/product.html">ФОТО</a></strong> вы можете увидеть в разделе <a href="http://sonatextiles.com.ua/product.html"><strong>ПРОДУКЦИЯ</strong></a></p>
  <p>Ниже, вы можете ознакомится с небольшой частью ассортимента наших тканей</p>
  <p><strong>Джинсовая ткань</strong></p>
  <p>Джинс металлик, коттон, коттон полоска, кожа, на флисе, полоска, флок, цветной, флок роза, гобелен, газета, дранка, барашек на меху, мех тонкий на джинсе</p>
  <p><strong>Кожа</strong></p>
  <p>Кожа: крек, флок, на замше, джерси, крек, лак, перламутр, заплатки, тонкая, рептилия, на трикотаже, соло, лак соло, кожа смола, односторонняя, принтованная, металлик, цветная</p>
  <p><strong>Мех</strong></p>
  <p>Мех: шубный мутон, леопард, норка, енот	, цветной, барашек, шиншилла, отделочный, норка щипанная, песец, Мех нерпа жаккард</p>
  <p><strong>Замш</strong></p>
  <p>Замш: рельеф, лазер, накатка, золото, вышивка, жатка, односторонний, цветной</p>
  <strong>Ткани трикотажные</strong>
  <p><strong>Трикотаж</strong><br />
  В отличие от других текстильных изделий, трикотаж обладает  растяжимостью по всем направлениям из-за возможности петель изменять  форму и размеры. Рыхлая петельная структура придаёт трикотажу мягкость  и несминаемость. </p>
  <p><strong>Спортивный трикотаж</strong><br />
    Спортивный трикотаж чрезвычайно разнообразен и выполнен из трикотажных  полотен из хлопка в смеси с волокнами эластана, лайкры, спандекса,  полиэстера, полиэфира или полиакрила, это обеспечивает хорошее  облегание и комфорт.</p>
  <strong>Ткани плательные, костюмные, блузочные, сорочечные</strong>
<p><strong>Шифон</strong></p>
<p>  Тонкая шелковистая хлопчатобумажная ткань полотняного переплетения  повышенной плотности. Применяют для пошива белья, блузок, платьев, а  также в химической промышленности. У нас вы найдете: Шифон: креп вышивка, жатка, металлик, однотонный, цветной, жаккард, креп, галограмма, барбара, накатка, органза, перламутр, хамелеон, принтованный, полоска, атлас</p>
<p><strong>Хлопок (стрейч) </strong></p>
<p>  Плотный, но удивительно легкий материал. Добавление эластичных волокон  не позволяет ему сильно мяться. Широкая цветовая гамма, в основе  которой множество ярких "летних" оттенков, делает эту ткань  универсальной. В дорогих вариантах хлопка-стрейч присутствуют моменты  "от кутюр", например, перьевые вкрапления. Пластичная, подчеркивающая  линии тела ткань одинаково хорошо смотрится и в соблазнительных топах и  в романтических платьицах. Не говоря уж о том, что хлопок - один из  самых комфортных материалов в жаркий день. </p>
<p><strong>Флок</strong></p>
<p>  Флок (заменитель традиционного бархата) - это обивочная ткань с основой  из полиэстра и хлопка (обычно 35%-хлопок, 65%-синтетика), на которую  электростатическим способом наносится капроновый или нейлоновый ворс,  что придает флоку благородную бархатную поверхность. </p>
<p><strong>Лён</strong></p>
<p>  Уникальные свойства льняных тканей: гладкость, умеренная жесткость,  способность поглощать капельную влагу с соприкасающихся с ним  поверхностей. Минимальная электризуемость, малая прилипаемость создают  у человека приятное ощущение при соприкосновении его кожи с тканью.  Достаточная воздухопроницаемость, гигроскопичность и влагоемкость  обеспечивают быстрое удаление тепла и влаги с тела человека. </p>
<p><strong>Вельвет</strong></p>
<p>  Плотная хлопчатобумажная или синтетическая ткань, имеющая налицевой  поверхности продольные рубчики из уточного ворса (вельвет-корд -  широкие, вельвет-рубчик - узкие). Из вельвета шьют куртки, костюмы и т.  п. </p>
<p><strong>Акрил</strong></p>
<p>  Акрил относится к группе полиакрилонитрильных волокон; на рынке акрил  известен также под названиями «нитрон», «орлон», «ПАН-волокно» и  «прелана». Сырье для получения акрила добывают из природного газа.  Основные свойства акрила: прочность, термопластичность, светостойкость.</p>
<p><strong>Гипюр</strong></p>
<p>В нашем магазине тканей можно приобрести все виды гипюра – гипюр жаккард, набивной, люри, вышивка, сетка, тафта, однотонный принтованный, перламутр, чешуя, ажур, сетка, флок цветной, парча, люрикс. Если все это соответствует  вашим вкусам, вы будете удовлетворены ассортиментом нашей компании.  Перечисленные материалы помогут сделать ваш наряд еще более  неординарным и запоминающимся.</p>
<p>Сориентироваться во всем этом многообразии и выбрать те ткани, которые  быстро будут проданы в розницу или использованы для пошива штор и  драпировок, помогут наши продавцы.</p>
		  </div><!-- #content-->
		</div><!-- #container-->


      <div class="sidebar sl">
        <div id="logo"><img src="images/logo.gif" alt="" height="268" width="302"  /></div>
        <div id="vert_menu">
        <ul>
            	<li><a href="/"><img src="images/index_10.gif" alt="оптовая продажа тканей" title="О компании" width="302" height="39" /></a></li>
                <li><a href="/novinki.html"><img src="images/index_11.gif" alt="продажа тканей" title="Новинки" height="40" width="302"/></a></li>
                <li><a href="/product.html"><img src="images/index_12.gif" alt="" title="Продукция" /></a></li>
                <li><a href="/skidki.html"><img src="images/index_13.gif" alt="" title="Скидки" /></a></li>
                <li><a href="/contact.html"><img src="images/kontact.gif" alt="" title="Контакты" /></a></li>
                <li><a href="/map.html"><img src="images/index_17.gif" alt="" title="Карта проезда"/></a></li>
            </ul>
        </div>
		</div><!-- .sidebar.sl -->
		<div class="sidebar sr"><img src="images/sr.gif" alt="" height="637" width="193" />
		</div><!-- .sidebar.sr -->

	</div><!-- #middle-->

</div><!-- #wrapper -->

<div id="footer">
<table>
<tr><td>
<br><br>
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t52.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров и"+
" посетителей за 24 часа' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet--></td>

</tr>
</table>
</div><!-- #footer -->

</body>
</html>

CSS-код

* {
	margin: 0;
	padding: 0;
}
html {height: 100%}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {margin: 0 0 18px}
img {
	border: none;
}
input {vertical-align: middle}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
—————————————————————————--*/
#header {
	height: 163px;
	background: #FFE680;
}


/* Middle
—————————————————————————--*/
#middle {
	width: 100%;
	padding: 0 0 50px;
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;

}
#content {
	padding: 125px 200px 0 310px;
	background-image: url(images/index_05.gif);
	background-repeat: no-repeat;
	background-position: 302px 0px;
	background-color:#FFF;
	border:solid #000000;
}


/* Sidebar Left
—————————————————————————--*/
.sl {
	float: left;
	width: 302px;
	margin-left: -100%;
	position: relative;
	background: #FFF;

}


/* Sidebar Right
—————————————————————————--*/
.sr {
	float: left;
	margin-right: -3px;
	width: 193px;
	margin-left: -193px;
	position: relative;
	background: #FFF;
}


/* Footer
—————————————————————————--*/
#footer {
	width: 1000px;
	margin: -50px auto 0;
	height: 50px;
	background: #FFF;
}
#footer table {
margin: 0 50% 0 50%;
}
#vert_menu {
	text-decoration: none;
}
#vert_menu li {
	margin: -5px;
	list-style-type:none;
}
.text {
	margin:0px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#F00;
}
hr {
    color: #555; /*для IE */
    background-color:#555; /*для Firefox, Opera, Safari*/
    border:1px none;
    height:2px; /* высота 1px IE, Firefox, Opera, Safari */
    clear:both; /* для очистки, если тег идет после float елемента */
	width:90%;
	margin:10px 0 10px -7px;
}

psywalker · April 30, 2010

В ие6 попробуй zoom:1; или overflow:hidden; чему нибудь вверху

в опере не делай сильно размер, видимо так сходятся картинки

mazhar · April 30, 2010

В ие6 попробуй zoom:1; или overflow:hidden; чему нибудь вверху
в опере не делай сильно размер, видимо так сходятся картинки

И куда это запехнуть?

psywalker · April 30, 2010

И куда это запехнуть?

*{zoom:1;} сделай так в ЦСС

mazhar · April 30, 2010

*{zoom:1;} сделай так в ЦСС

сделал так

* {
	margin: 0;
	padding: 0;

}
*{zoom:1;}
html {height: 100%}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;

И к сожалению ничего не изменилось

psywalker · April 30, 2010

попробуй картинку в хедере сделать блочной

stars · April 30, 2010

выложи куданить на хост посмотреть...

mazhar · April 30, 2010

попробуй картинку в хедере сделать блочной

Попрубую

Sign In

Не могу справиться с IE6

Question

mazhar

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

mazhar

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

mazhar

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

stars

Link to comment

Share on other sites

mazhar

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information