Ключевые слова:html, web, (найти похожие документы)
Date: Sat, 1 Jul 2000 18:33:34 +0400 (MSD)
From: MailList: Темные стороны HTML
Subject: [HTML] Неадекватная реакция браузеров на style
Добрый день уважаемые читатели!
1.07.2000
Выпуск 5
Очень приятно отметить, что люди начали обращаться к нам с вопросами и глюками!
Мы надеемся, что сможем всем помочь и расскажем об этих глюках в нашей рассылке.
К сожалению статья об истории HTML пока еще не готова. Мы думаем, что
к следующему выпуску мы подготовим полноценный рассказ о создании стандарта HTML.
Мы начинаем создание базы данных, в которой будут указано какие значения
по умолчанию принимают те или иные аттрибуты тегов в Нетскапе и Эксплорере (HTML и CSS).
Мы надеемся, что она будет полезна всем веб-дизайнерам, так как в связи с этим
часто возникают проблемы.
Это проект безусловно громадный, так как мы рассчитываем охватить все теги и все
аттрибуты, поэтому всем, кто хочет помочь в реализации проекта просьба писать
по адресу darkhtml@univer.kharkov.ua
А сейчас, в качестве примера хотим привести код, присланный одним
из читателей:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="ru">
</head>
<body bgcolor=#666666>
<p style="background-color: #000000; color: #FFFFFF" align="center">
Белый текст на черном фоне
</p>
</body>
</html>
Как видите в Эксплорере ширина черного фона равна ширине экрана, а в Нетскейпе
ширина черного фона равна длине текста, содержащегося в <p>.
Т.е. значение аттрибута width тега <p> в Эксплорере - ширина экрана,
а в Нетскейпе - длина помещенного в него текста. Избежать этого можно
следующим образом:
<html>
<head>
<style type="text/css">
p { width: 100%; color: #ffffff}
</style>
</head>
<body bgcolor="#666666">
<p style="background-color: #000000; align: center">
Text1
</p>
</body>
</html>
Но тут произошла странная вещь. Как видите мы поместили аттрибуты
width и color в отдельный style, и как вы понимаете это непросто наша прихоть.
Попробуйте перенести width или color в <p style="">. Нетскейп "забудет"
о них и возьмет для них значения по умолчанию.
Далее заметили еще одну вещь. Мы убрали align из <p style="">.
И чтобы вы думаете? В Нетскейпе ширина полоски стала равной снова ширине текста.
Это говорит о том, что значение по умолчанию аттрибута align в Нетскейпе - none, а в Эксплорере
- left.
К нам поступила еще одна просьба от читателя.
Как сделать так, чтобы до полной загрузки страницы было видно сообщение "Loading..."?
Вот наше решение:
<html>
<head>
<title>Load test</title>
<script language="javascript">
function vision() {
if(document.all) {
document.all.loading.style.visibility="hidden";
}
else {
document.layers.loading.visibility="hide";
}
}
</script>
</head>
<body onLoad="vision()">
<div id="loading" style="position:absolute; left:0; top:0; width:100%; height:100%;">
<table width="100%" height="100%" bgcolor="#c0c0c0">
<tr><td align="center" valign="middle">
Loading...
</td></tr>
</table>
</div>
<table width="100%" height="100%">
<tr><td align="center" valign="middle">
This is page!
</td></tr>
</table>
</body>
</html>
В заключение хотим сказать, что без вашей помощи наша рассылка не сможет
полноценно существовать. Мы стремимся сделать действительно профессиональную
рассылку, которая помогала бы людям. Поэтому будем очень благодарны
всем, кто пришлет свои глюки и различия при реализации HTML в различных браузерах.
Еще лучше, если вы будете писать о своих проблемах и затруднениях при создании
сайта. Мы обязательно постараемся вам помочь, кроме того мы расскажем о вашей проблеме
другим людям.
Архив рассылки и коллекции глюков будут скоро доступны на сайте
http://www.inetcash.newmail.ru в разделе "Web-design".
-------------------------------------------------------------------------------
С уважением
автор рассылки и веб-мастер сайта Ведущий раздела "Web-design",
Авдошин Андрей консультант по вопросам веб-дизайна
avdoshyn@univer.kharkov.ua Дмитрий Видмич
andreas49@themail.com wizard@univer.kharkov.ua
