CSS и IE6

natariga · June 25, 2009

Помогите, пожайлуста. Недавно решила использовать стили длв форматирования сайта, и все было замечательно, пока! Не увидела свой сайт на одном из чужих компьютеров. УЖАС!

Теперь я понимаю, что это был ИЕ6, но что делать в этом случае - вернуться опять к табличному форматированию или есть способы решения через стили?

Посмотреть проблему можно тут www.ros.lv на всех броузерах и на ИЕ6.

Что надо из кода показать - выложу обязательно. Только подскажите, что делать, куда идти и что читать?

Спасибо за ответ заранее!!!

:unsure:

Veseloff · June 25, 2009

natariga said:
Что надо из кода показать - выложу обязательно. Только подскажите, что делать, куда идти и что читать?

Что надо из кода посмотреть - самому можно посмотреть.

Делать надо следующее:

Изучить HTML, CSS и сделать сайт, удовлетворяющий всем правилам (например, в начале документа должен быть доктайп, а не закрывающий тег </HTML>). Проверять можно на валидаторе по адресу http://w3c.org. Достаточно полная информация по HTML и CSS есть прямо на этом сайте.

psywalker · June 25, 2009

natariga

Девчушка, я тебе так скажу, пока ты выучишь HTML/CSS - ИЕ6 уже поидее покинет этот мир (очень надеюсь на это), так что начни с азов и постепенно изучай эти вещи, когда почувствуешь что готова, вопросы подобного рода возникать уже не будут! :unsure:

Edited June 25, 2009 by psywalker

Searcher · June 26, 2009

Доктайп задает стандарт в котором рендерится страница. У каждого стандарта свои особенности. Различайте хотябы html и xhtml. Почитайте об этих стандартах и особенностях их синтаксиса. После исправления явных ошибок (в xhtml все непарные теги нужно закрывать, а у вас это как-то выборочно, например тег <meta /> то закрываете, то не закрываете, тег <img /> у вас помоему везде не закрывается) прогоните сайт через валидатор.

И уберите перенос строки перед доктайпом, ИЕ не любит такого.

natariga · June 26, 2009

Veseloff said:
Что надо из кода посмотреть - самому можно посмотреть.
Делать надо следующее:
Изучить HTML, CSS и сделать сайт, удовлетворяющий всем правилам (например, в начале документа должен быть доктайп, а не закрывающий тег </HTML>). Проверять можно на валидаторе по адресу http://w3c.org. Достаточно полная информация по HTML и CSS есть прямо на этом сайте.

Спасибо за внимательность! Да, хвосты из приинклюденной программы были. НО!!! теперь все на месте. А результат нисколько не изменился!!!! Что делать, плис, подскажите. :unsure:

PS. Сейчас пропустила сайт через Валидатор.... Ладно, поисправляю чуток. Но неужели после этого все станет на свои места? О результатах сообщу.

Edited June 26, 2009 by natariga

Zippovich · June 26, 2009

Я вот сейчас взял за правило первой строкой в файлике ie6.css у меня всегда написано:

* {zoom: 1}

проблем меньше на порядок возникает )

psywalker · June 26, 2009

Zippovich

Quote
Я вот сейчас взял за правило первой строкой в файлике ie6.css у меня всегда написано:
* {zoom: 1}
проблем меньше на порядок возникает )

А я вот наоборот такое объявление прописывается только по необходимости, потому что считаю, что иногда Зум наоборот может сломать, чем починить!

Zippovich · June 26, 2009

Возможно это оттого, что я использую всегда один и тот же доктайп XHTML 1.0 Strict - но не ломает ) проверено

natariga · June 29, 2009

Searcher said:
Доктайп задает стандарт в котором рендерится страница. У каждого стандарта свои особенности. Различайте хотябы html и xhtml. Почитайте об этих стандартах и особенностях их синтаксиса. После исправления явных ошибок (в xhtml все непарные теги нужно закрывать, а у вас это как-то выборочно, например тег <meta /> то закрываете, то не закрываете, тег <img /> у вас помоему везде не закрывается) прогоните сайт через валидатор.
И уберите перенос строки перед доктайпом, ИЕ не любит такого.

Добрый день еще раз! Спасибо огромное за консультацию!

Честно исправила все ошибки, и валидатор меня поздравил, НО!!!

Кнопки меню как были в ИЕ6 не поддающиеся указанным стилям, так и продолжают быть.

Я исправления делала в поддомене, так сайт поменьше, а проблемы те же.

http://www.homeopatija.ros.lv

В ИЕ7 и ОПЕРЕ - все красиво, в ИЕ6 - ужас ужасный.

Подскажите, что дальше делать, как исправить проблему?

Код из файла стилей

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.bright_neakt {
	background-image: url(/images/pic_neakt.jpg);
	background-repeat: repeat;
	background-color: #1C7DB1;

	border-width: 1px;

	border-top-color: #35B5FA;
	border-top-style: solid;

	border-bottom-color: #13435D;
	border-bottom-style: solid;

	padding-top: 10px; 
			padding-bottom:	10px;

	font: 12px Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	text-align: left;
}

.bright_akt{
	background-image: url(/images/pic_akt.jpg);
	background-repeat: repeat;
	background-color: #1C7DB1;

	border-width: 1px;

	border-top-color: #35B5FA;
	border-top-style: solid;

	border-bottom-color: #13435D;
	border-bottom-style: solid;

	padding-top: 10px; /* Поле сверху */
	padding-bottom:	10px;

	text-align: left;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #39E8FD;
}

a.tright_neakt {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
}
a.tright_neakt:hover {
	color:#FCD5B1;
}


a.tright_akt {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #39E8FD;
}

Код вырисовки правого меню

<TABLE width="220" border="0" cellpadding="0" cellspacing="0">
	<TR>
		<td width=12> </td>
		<td height=30>  </td>
		<td width=12> </td>
	</TR>
<?
.... запрос к таблице .....

	for ($i=0; $i<$kol;$i++)
	{
		$massiv_razdelov= mysql_fetch_array($result);
		$id_razdel= $massiv_razdelov['id_razdel'];
		$name_razdel= $massiv_razdelov['name_razdel'];

		$stil_button = "bright_neakt";
		$stil_text = "tright_neakt";
		if ($art==0&&$i==0)
		{
	 		$stil_button= "bright_akt";
			$stil_text= "tright_akt";
		}
		if ($art==$id_razdel)
		{
	 		$stil_button= "bright_akt";
			$stil_text= "tright_akt";
		}

echo '<TR>';
echo '<td width=12> </td>';

print <<<HERE
		<td align="left" valign="top" class=$stil_button>
		<a href="pokatova.php?lang=$lang&page=$page&art=$id_razdel" target="_parent" class=$stil_text>$name_razdel</a>
		</td>
HERE;

echo '<td width=12> </td>';
echo '</TR>';
	}


}
?>
</table>

Edited June 29, 2009 by natariga

natariga · June 29, 2009

Ау, добры люди. неужели настолько глупые вопросы задаю, что проходите мимо?

Я честно слово пролистала инет по возможности, но не нашла ответа, в чем проблема.

natariga · July 1, 2009

вопрос висит в воздухе. Я что, зря так старательно все ошибки по валидатору исправила? думала, как приведу себя в порядок - помогут....

:)

Searcher · July 2, 2009

ммм, по ссылке все на таблицах сделано... есть небольшая проблема с появлением верхнего отступа в меню... попробуйте не использовать в #navigation свойство display:inline;

с кодом, который вы дали вообще непонятно что и где и причем тут те стили, которые указаны ранее...

Sign In

CSS и IE6

Question

Link to comment

Share on other sites

11 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

Join the conversation

Обсуждения

Important Information