Не работает в IE6 но работает в IE Почему?

Lukasus · December 25, 2008

Приветствую

Помогите пожалуйста

Создал страничку сайта в дивах CSS2 + HTML 4.0

Валидацию проходит

Корректно отображаться в IE7 но совершенный бред получается в IE6

В чем загвоздка

CSS

/* общие установки */
html {
	margin: 0;
	padding: 0;
}

body { 
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	color: #555753; 
	background-image:url(body_bg.gif);
	margin: 0; 
	padding: 0;
	text-align:center;
	}
p  { 
	margin-top: 0; 
	text-align: justify;
	}

/* span в заголовках невидимы для пользователя, но значимы для поисковых машин сами заголовки представлены картинками */
h1, h2, h3 span 
{
	display:none;
}

/* отступ блоков */
h3 {
	height:39px;
	margin:0;
	padding:0;
}
a 
{
	background-color:#FFFFFF;
	color:#3B5AA3;
	text-decoration:underline;
}
a:hover{
	background-color:#FFFFFF;
	color:#96BDFB;
}
acronym {
	border-bottom: none;
	}	
/* контейнер по центру -  балгодяря margin:0 auto; и  width:772px;*/
#container { 
	background:#DFDFDF url(bg.gif) repeat-x scroll 0 0;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	color:#454545;
	margin:0 auto;
	padding:0 13px;
	position:relative;
	text-align:left;
	width:772px;
	}
#intro { 
/* 	min-width: 470px;*/
	}
/* шапка-картинка */	
#pageHeader {
	background:transparent url(top1.jpg) repeat scroll 0 0;
	height:179px;
	width:772px;
}

/* основная полоса блоков справа */
#quickSummary, #preamble, #explanation, #participation, #benefits, #requirements {
	background-color:#FFFFFF;
	background-repeat:repeat-y;
	color:#454545;
	display: block;
	margin:0px 0px 0px 226px;
	padding:0px;
	width:546px;
}

/* полоса ссылок абсолютно спозиционирована слева */	
#linkList {
	left:20px;
	position:absolute;
	top:179px;
	width:207px;
}

/* основная полоса блоков */
/* три блока со смещением вправо*/
#quickSummary p span, #explanation p span, #benefits p span {
	display:	block;
	padding:0 15px 10px 77px;
}

/* три блока со смещением влево*/
#preamble p span, #participation p span, #requirements p span {
	display:block;
	padding:0 85px 10px 17px;
}
/*  блок кратко о факультете*/

#quickSummary {
	background-image:url(img_quicksummary.jpg);
	background-position:left  top;
	background-repeat:	no-repeat;
 }

#quickSummary .p1 span {
	background:transparent url(quicksummary_top.gif) no-repeat scroll center top;
	padding-top:14px;
}
#quickSummary .p2 span 
{
	margin-top:-19px;
	background :transparent url(right_bottom.gif) no-repeat  center bottom;
	padding-bottom: 0px;
}
#quickSummary p{
	background:transparent url(right_bg.gif) repeat-y scroll right center;

}
/*  блок кратко о истории факультета*/
#preamble {
	background-image:url(img_preamble.jpg);
	background-position:right top;
	background-repeat: no-repeat;

}
#preamble h3 {
	background:transparent url(title_preamble.gif) no-repeat scroll 0 0;
}
#preamble .p3 span {
	background:transparent url(right_bottom.gif) no-repeat scroll center bottom;
	padding-bottom:0px;
}
#preamble p{
	background:transparent url(right_bg.gif) repeat-y scroll right center;

}
/*  блок кратко о  работе факульета*/
#explanation {
	background-image:url(img_explanation.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#explanation h3 {
	background:transparent url(title_explanation.gif) no-repeat scroll 0 0;
}
#explanation .p2 span 
{
	margin-top:-15px;
	background:transparent url(right_bottom.gif) no-repeat scroll center bottom;
	padding-bottom:0px;
}
#explanation p{
	background:transparent url(right_bg.gif) repeat-y scroll right center;
}

/*  блок кафедры факультета*/
#participation {
	background-image:url(img_participation.jpg);
	background-position:right top;
	background-repeat: no-repeat;
}
#participation h3 {
	background:transparent url(title_participation.gif) no-repeat scroll 0 0;
}
#participation .p2 span 
{
	margin-top:-15px;
	background:transparent url(right_bottom.gif) no-repeat scroll center bottom;
	padding-bottom:0px;
}
#participation p{
	background:transparent url(right_bg.gif) repeat-y scroll right center;
}
/*  блок про преимущества*/
#benefits {
	background-image:url(img_benefits.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#benefits h3 {
	background:transparent url(title_benefits.gif) no-repeat scroll 0 0;
}
#benefits .p1 span {
	background:transparent url(right_bottom.gif) no-repeat scroll center bottom;
	padding-bottom:0px;
}
#benefits p{
	background:transparent url(right_bg.gif) repeat-y scroll right center;
}

/*  блок правилах приема*/
#requirements {
	background-image:url(img_requirements.jpg);
	background-position:right top;
	background-repeat: no-repeat;
}
#requirements h3 {
	background:transparent url(title_requirements.gif) no-repeat scroll 0 0;
}
#requirements .p2 span 
{
   margin-top:-19px; 
}
#requirements .p3 span 
{
	margin-top:-19px;
	background:transparent url(right_bottom.gif) no-repeat scroll center bottom;
	padding-bottom:0px;
}
#requirements p{
	background:transparent url(right_bg.gif) repeat-y scroll right center;
}

/* полоса ссылок слева */	
#lselect, #larchives, #lresources {
	margin:0 0 2px;
}
/* элементы списока оступы и разделительная линия */
#linkList li {
	background:transparent url(line.gif) repeat-x scroll center bottom;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:6px 0 10px;
}
/*  ссылоки ссо стрелочками с почеркиванием при наведении */	
#linkList li a {
	background:transparent url(link.gif) no-repeat scroll left center;
	padding-left:7px;
	text-decoration:none;
}
#linkList li a:hover {
	text-decoration:underline;
}
#lselect, #larchives, #lresources {
	background:transparent url(left_bg.gif) repeat-y scroll 0 0;
}
/*  заголовки блоков ссылок  */	
#lselect h3 {
	background:transparent url(title_select1.gif) no-repeat scroll 0 0;
}
#larchives h3 {
	background:transparent url(title_archives1.gif) no-repeat scroll 0 0;
}
#lresources h3 {
	background:transparent url(title_resources1.gif) no-repeat scroll 0 0;
}
/*  рамка внизу  блоков ссылок  */	
#lselect ul, #larchives ul, #lresources ul {
	background:transparent url(left_bottom.gif) no-repeat scroll center bottom;
	margin:0;
	padding:0 25px 20px 17px;
}


/* футер внизу справа */
#footer {
	margin:5px 0 0 226px;
	padding:3px 14px 43px 0;
	text-align:right;
	width:539px;
}

#footer a:hover {
	background-color:#EBEBEB;
	color:#777777;
}

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html >
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="author" content="Alexey Lukyanenko">
<meta name="keywords" content="ФТФ, ГДПУ, університет, педагогіка,  сайт, кафедри, навчання, вища освіта, доступна освіта, якісна освіта, професії, спеціальність,вчитель фізики,вчитель математики,вчитель праці,вчитель інформатики">
<meta name="description" content="Сайт фізико-технічного факультету Глухівського державного педагогічного університету ім. О.Довженка ">
<link rel="Stylesheet" type="text/css" href="global.css" >
<title> Фізико-технічний факультет ГДПУ ім. О.Довженка </title>

<script type="text/javascript"></script>


</head>

<body  id="css-zen-garden">
<div id="container">
 <div id="intro">
		<div id="pageHeader">
			<h1><span>ГДПУ ім. О.Довженка</span></h1>
			<h2><span>Фізико-технічний факультет</span></h2>
		</div>
		   <div id="requirements">

			<h3><span>Правила прийому</span></h3>
			<p class="p1"><span>Екзамен з математики Екзамен з математики Екзамен з математики Екзамен з математики Екзамен з математикиЕкзамен з математики Екзамен з математики Екзамен з математикиЕкзамен з математики</span></p>
			<p class="p2"><span>Екзамен з фізики Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.</span></p>
			<p class="p3"><span>.Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.Студенти з ріних куточків України набувають необхідних знань,вмінь.<br>  </span></p>

		</div>

		<div id="quickSummary">

			<p class="p1"><span>Фізико-технічний факультет Глухівського державного педагогісного університету займається підготовкою майбутніх вчителів фізики,математики та інформатики.ізико-технічний факультет Глухівського державного педагогісного університету займається підготовкою майбутніх вчителів фізики,математики та інформатики.ізико-технічний факультет Глухівського державного педагогісного університету займається підготовкою майбутніх вчителів фізики,математики та інформатики.</span></p>
			<p class="p2"><span>Факультет займається навчальною, виховною та науковою діяльністью.Факультет займається навчальною, виховною та науковою діяльністью.Факультет займається навчальною, виховною та науковою діяльністью. Високопрофесійний та дружній  колектив факультету виконує відповідальні соціально-економічну функцію в суспільстві якою є освіта. <br>    </span></p>

		</div>


<!--
		<div id="preamble">
			<h3><span>Історія факультету</span></h3>
			<p class="p1"><span>Один з найстаріших факультетів університету має глибоку історію.</span></p>
			<p class="p2"><span>Сьогодні <acronym title="Фізико-технічний факультет">ФТФ</acronym> відплвідає за політехнійний напрямок в навчальному процессі. <acronym title="Глухівський державний педагогічний університет">ГДПУ</acronym> і має всі необхідні ресурси для реалізації поставлених державаю цілей.</span></p>
			<p class="p3"><span>Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.<br/>  </span></p>
		</div>
-->		
 </div>

<div id="supportingText">
<!--
		<div id="explanation">
			<h3><span>Про ФТФ </span></h3>
			<p class="p1"><span>Історія<acronym title="Фізіко-технійний факультет">ФТФ</acronym> починається в 1965 році.Історія<acronym title="Фізіко-технійний факультет">ФТФ</acronym> починається в 1965 році.Історія<acronym title="Фізіко-технійний факультет">ФТФ</acronym> починається в 1965 році.Історія<acronym title="Фізіко-технійний факультет">ФТФ</acronym> починається в 1965 році.</span></p>
			<p class="p2"><span>Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.<br/>  </span></p>
		</div>

		<div id="participation">
			<h3><span>Кафедри</span></h3>
			<p class="p1"><span>Кафедра фізики та математики <a href="http://www.mezzoblue.com/zengarden/resources/" title="Кафедра фізики та математики Сайт">Сайт</a> </span></p>
			<p class="p2"><span>Кафедра трудового навчання  <a href="http://www.mezzoblue.com/zengarden/resources/" title="Кафедра трудового навчання">Сайт</a> Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.<br/>  </span></p>
		</div>

		<div id="benefits">
			<h3><span>Переваги навчання на <acronym title="Фізіко-технійний факультет">ФТФ</acronym>Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.Студенти з ріних куточків України набувають необхідних знань,вмінь та навичок для успішної педегогічної діяльності в країні.</span></h3>
			 <p class="p1"><span>Фізико-технічний факультет Глухівського державного педагогісного університету займається підготовкою майбутніх вчителів фізики,математики та інформатики.ізико-технічний факультет Глухівського державного педагогісного університету займається підготовкою майбутніх вчителів фізики,математики та інформатики.ізико-технічний факультет Глухівського державного педагогісного університету займається підготовкою майбутніх вчителів фізики,математики та інформатики.   </span></p>
		</div>
-->	

		<div id="footer">


			<a href="http://validator.w3.org/check/referer" title="ГДПУ">ГДПУ</a>   
			<a href="http://jigsaw.w3.org/css-validator/check/referer" title="ФТФ">ФТФ</a>   
			<a href="http://creativecommons.org/licenses/by-nc-sa/1.0/" title="ПІФ">ПІФ</a>  
			<br >
			<br >
			 <a href="http://jigsaw.w3.org/css-validator/"> <img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-css2-blue"  alt="Valid CSS!" ></a> 
			<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html401"  alt="Valid HTML 4.01 Strict" height="31" width="88"></a>


		</div>

	</div>
	<div id="linkList">
		<div id="linkList2">
				<div id="larchives">
				<h3 class="archives"><span>Про факультет:</span></h3>
				<ul>
					<li><a href="/?cssfile=/208/208.css&page=1" title="View next set of designs. AccessKey: n" accesskey="n"><span class="accesskey">Ф</span>акультет »</a></li>

					<li><a href="http://www.mezzoblue.com/zengarden/alldesigns/" title="Історія. AccessKey: i" accesskey="i">Історія</a></li>
					<li><a href="http://www.mezzoblue.com/zengarden/alldesigns/" title="Структура. AccessKey: s" accesskey="s">Структура</a></li>
					<li><a href="http://www.mezzoblue.com/zengarden/alldesigns/" title="Методична робота. AccessKey: m" accesskey="m">Методична робота</a></li>
					<li><a href="http://www.mezzoblue.com/zengarden/alldesigns/" title="Наукова робота: n" accesskey="n">Наукова робота</a></li>
				</ul>
			</div>

			<div id="lresources">

				<h3 class="resources"><span>Абітурієнту:</span></h3>
				<ul>
					<li><a href="/208/208.css" title="Спеціальності, AccessKey: v" accesskey="v">Спеціальності</a></li>	
					<li><a href="/208/208.css" title="Підготовчи курси, AccessKey: v" accesskey="v">Підготовчи курси</a></li>
					<li><a href="/208/208.css" title="Правила прийому, AccessKey: v" accesskey="v">Правила прийому</a></li>		
				</ul>
			</div>
			<div id="lselect">

				<h3 class="resources"><span>Студенту:</span></h3>
				<ul>
					<li><a href="/208/208.css" title="Практика, AccessKey: v" accesskey="v">Практика</a></li>	
					<li><a href="/208/208.css" title="Бібліотека, AccessKey: v" accesskey="v">Бібліотека</a></li>
					<li><a href="/208/208.css" title="Магістерьска, AccessKey: v" accesskey="v">Магістерьска робота</a></li>	
					<li><a href="/208/208.css" title="Сесія, AccessKey: v" accesskey="v">Сесія</a></li>

				</ul>

			</div>
		</div>
	</div>
</div>
</body>

</html>


Заранее огромное спасибо

Lukasus · December 28, 2008

Кто бы знал что кодировка в IE6 может не только изменить вид символов текста но и перекрутить сайт через мясорубку!!! - div просто поклоняются кодировке

Lukasus · April 26, 2009

Кто бы знал что кодировка в IE6 может не только изменить вид символов текста но и перекрутить сайт через мясорубку!!! - div просто поклоняются кодировке

А проблема была в русских комментариях

SelenIT · April 28, 2009

Кто бы знал что кодировка в IE6 может...

Баг-то достаточно известный, в принципе.

Sign In

Не работает в IE6 но работает в IE Почему?

Question

Lukasus

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Lukasus

Link to comment

Share on other sites

Lukasus

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information