VPF::Факиный IE - Форум программистов

Stampede

Дата 22.9.2005, 05:48 (ссылка)

(нет голосов)

Загрузка ...

Гносеолог

Профиль
Группа: Участник Клуба
Сообщений: 963
Регистрация: 25.4.2005
Где: Calgary, Alberta, Canada

Репутация: 1
Всего: 144

Вот я пытаюсь отобразить рисунок, состоящий из нескольких элементов, в виде таблицы, каждая ячейка которой содержит фрагмент целой картинки. Все получется очень хорошо, до тех пор пока я не открываю станицу в IE. Непонятно из каких соображений, но эксплорер зачем-то добавляет внизу ячейки с картинкой пустое пространство. В Опере и ФФ все работает как положено.

Вопрос: ну почему IE такие патологические уроды? Почему каждая сраная фича на странице требует неимоверных усилий, чтобы заставить ее работать так как надо?

ЗЫ. Пример простейшего кода, который демонстрирует кривость IE, приведен вот здесь.

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

Это сообщение отредактировал(а) Stampede - 22.9.2005, 05:56

--------------------

"If you want something done right, do it yourself"
По секрету: выучить английский - реально!

diam

Дата 22.9.2005, 07:01 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 348
Регистрация: 23.1.2005
Где: Екатеринбург

Репутация: нет
Всего: 16

Попробуй поставить у img свойство margin в 0.

Код


img { margin: 0; }

Greendrake

Дата 22.9.2005, 08:05 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 364
Регистрация: 14.7.2005

Репутация: 3
Всего: 6

Убери пробелы и переносы строки между img и </td>, вот так:

HTML

На эмоциях далеко не уедешь. Побольше усидчивости и самообладания - и результат будет на лице.

Gold Dragon

Дата 22.9.2005, 08:28 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

Stampede
IE тут не причёт.. просто ручки малость корявые smile

напиши вместо

Код


<td>
<img src="square.gif" />
</td>

это

Код


<td><img src="square.gif"></td>

просто где-то абзац или пробелы... и желательно ставить размеры рисунка

И что за моду взяли писать при <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> стали писать синтаксисом XHML, я имею косую черту в теге..
Добавлено @ 08:29

Greendrake
опередил smile

--------------------

Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!

Str!pe

Дата 22.9.2005, 14:19 (ссылка)

(нет голосов)

Загрузка ...

профиль удален

Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152

Red Dragon
На счет синтаксиса...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
так Dreamweawer гонит код по дефолту... в чем верстают в том и получают.

Stampede
А если фотошопом нарезать? и сохранить для web? Там все эти инструменты есть и все они прекрасно работают...

--------------------

Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.

Stampede

Дата 22.9.2005, 14:48 (ссылка)

(нет голосов)

Загрузка ...

Гносеолог

Профиль
Группа: Участник Клуба
Сообщений: 963
Регистрация: 25.4.2005
Где: Calgary, Alberta, Canada

Репутация: 1
Всего: 144

Спасибо, братцы, все получилось!

Greendrake, получаешь первый плюс. С почином!

Всем остальным: я ведь привел самый урезанный, минимально необходимый код, чтобы продемонстрировать нежелательный эхфект. А так я уже два дня мудохался: и размеры все прописывал, и марджины, и бодеры, и паддинги - ничего не помогало. Ан оказывается вон где собака порылась. Red Dragon, таки точно уверен, что это моих рук геометрия? smile

Про doctype - не понял, о чем речь. Dreaweaver вообще ни при чем - все всегда пишу руками.

Еще раз всем спасибо!

--------------------

"If you want something done right, do it yourself"
По секрету: выучить английский - реально!

Дрон

Дата 22.9.2005, 17:24 (ссылка)

(нет голосов)

Загрузка ...

Java-ненавистник :)

Профиль
Группа: Участник Клуба
Сообщений: 3179
Регистрация: 29.12.2002
Где: Санкт-Петербург

Репутация: 1
Всего: 92

Цитата(Stampede @ 22.9.2005, 15:48)

Про doctype - не понял, о чем речь.

Он имеет ввиду, что тип документа указан HTML, а тэг img написан как для XHTML smile

В HTML пишется <img src="..." > без косой черты.

Это сообщение отредактировал(а) Дрон - 22.9.2005, 17:25

--------------------

Да. Именно так.

dm9

Дата 22.9.2005, 17:45 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Цитата

В HTML пишется <img src="..." > без косой черты.

В HTML пишется и так, и так.

Дрон

Дата 22.9.2005, 17:49 (ссылка)

(нет голосов)

Загрузка ...

Java-ненавистник :)

Профиль
Группа: Участник Клуба
Сообщений: 3179
Регистрация: 29.12.2002
Где: Санкт-Петербург

Репутация: 1
Всего: 92

Цитата(dm9 @ 22.9.2005, 18:45)

В HTML пишется и так, и так.

И где об этом сказано?

Сейчас глянул спецификацию HTML 4.01 -- там такого нет.

--------------------

Да. Именно так.

Sardar

Дата 22.9.2005, 22:49 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 6
Всего: 317

Цитата(dm9 @ 22.9.2005, 16:45)

В HTML пишется и так, и так.

В HTML косой черты вообще нет, в SGML есть, но это NET конструкция, по идее браузер '/>' по моему как '>>' должен понимать. Xорошо что бродилки не врубаються, хотя валидатор будет ругаться, например если теги link и т.п. в head секции такую черту содержат.

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

Gold Dragon

Дата 23.9.2005, 08:35 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

Народ, давайте раз и навсегда определимся HTML и XML имеют разный синтаксис. Если браузеры игнорируют

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
...
<img src="square.gif" />
...

то это не значит, что это правильно

вот вам ответ валидатора

Код


character data is not allowed here.

<img src="1.gif" alt="" border="0"/>

You have used character data somewhere it is not permitted to appear. 
Mistakes that can cause this error include putting text directly in the body of the document 
without wrapping it in a container element (such as a <p>aragraph</p>) or forgetting to
quote an attribute value (where characters such as "%" and "/" are common, but cannot 
appear without surrounding quotes).

--------------------

dm9

Дата 23.9.2005, 11:50 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Red Dragon, прочитай хотя бы что написал smile

Валидатор как раз не ругается.

Возможно, я был не прав, заявив столь категорично про то, что и там и там можно писать <img />, но валидатор на это НЕ ругается!

Да, в head ругается. И про это есть даже отдельный пункт в ФАКе W3C.

А на <img />, <hr />, <br /> - не ругается.

Дрон

Дата 23.9.2005, 12:03 (ссылка)

(нет голосов)

Загрузка ...

Java-ненавистник :)

Профиль
Группа: Участник Клуба
Сообщений: 3179
Регистрация: 29.12.2002
Где: Санкт-Петербург

Репутация: 1
Всего: 92

Вот тут кое-что об этом пишут.

http://www.cs.tut.fi/~jkorpela/html/empty.html

Цитата

Moreover, what <hr /> means in HTML (as opposite to what browsers display, and as opposite to XHTML) is
<hr>>

Т.е. похоже, что в примере Red Dragon валидатор ругался на >. Т.к. интерпертация тэга закончилась уже после косой черты.

--------------------

Да. Именно так.

dm9

Дата 23.9.2005, 12:17 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Ребята, да вы хоть прочитайте, что там имелось в виду, блин! Скорее всего Red Dragon положил картинку прямо в body, без блочного контейнера.

Цитата(Red @ 23.9.2005, 09:35)

You have used character data somewhere it is not permitted to appear.
Mistakes that can cause this error include putting text directly in the body of the document
without wrapping it in a container element (such as a <p>aragraph</p>) or forgetting to
quote an attribute value (where characters such as "%" and "/" are common, but cannot
appear without surrounding quotes).

Вот этот код полностью валиден по мнению валидатора:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
   <HEAD>
      <TITLE>My first HTML document</TITLE>
      <META http-equiv="content-type" content="text/html; charset=windows-1251">
   </HEAD>
   <BODY>
      <div>
         <img src="1.gif" alt="" />
      </div>
   </BODY>
</HTML>

Gold Dragon

Дата 23.9.2005, 12:19 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

На сколько я правильно понял, по касая черта не может появляться в теге без кавычек

а вот что даёт валидатор HomeSite

Код


The tag: "img" has an XML style closing syntax for an empty element even though version: "HTML4" is not an XML tag language.

--------------------

Дрон

Дата 23.9.2005, 12:45 (ссылка)

(нет голосов)

Загрузка ...

Java-ненавистник :)

Профиль
Группа: Участник Клуба
Сообщений: 3179
Регистрация: 29.12.2002
Где: Санкт-Петербург

Репутация: 1
Всего: 92

dm9
Ты не прав.

Попробуй провалидировать вот это:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HR demo</title>
</head>
<body>
<hr />
<img src="" alt="" />
</body>
</html>

Вот одна из ошибок:
document type does not allow element "IMG" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "DIV", "ADDRESS" start-tag.
Да, надо бы в DIV заключить.

Но две других:

character data is not allowed here.
<hr />

character data is not allowed here.
<img src="" alt="" />

--------------------

Да. Именно так.

dm9

Дата 23.9.2005, 13:16 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">    
<html>    
<head>    
<title>HR demo</title>    
</head>    
<body>
<div>    
<hr />    
<img src="" alt="" />    
</div>
</body>    
</html>

This Page Is Tentatively Valid -//W3C//DTD HTML 4.01 Strict//EN

Если поставишь кодировку ещё, будет 100% валид.

Добавлено @ 13:17

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">    
<html>    
<head>    
<title>HR demo</title>    
<META http-equiv="content-type" content="text/html; charset=windows-1251">
</head>    
<body>
<div>    
<hr />    
<img src="" alt="" />    
</div>
</body>    
</html>

This Page Is Valid -//W3C//DTD HTML 4.01 Strict//EN!

Дрон

Дата 23.9.2005, 13:25 (ссылка)

(нет голосов)

Загрузка ...

Java-ненавистник :)

Профиль
Группа: Участник Клуба
Сообщений: 3179
Регистрация: 29.12.2002
Где: Санкт-Петербург

Репутация: 1
Всего: 92

Так внутри DIV, конечно, всякие символы разрешены.

А в моём примере валидатор на том и спотыкается, что > не является частью тэга и не разрешён в body!!!

Ты бы ещё внутри  проверял smile

Это сообщение отредактировал(а) Дрон - 23.9.2005, 13:26

--------------------

Да. Именно так.

dm9

Дата 23.9.2005, 13:54 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Так див же обязателен smile

)

Ты попробуй так отвалидировать smile

)

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">    
<html>    
<head>    
<title>HR demo</title>    
<META http-equiv="content-type" content="text/html; charset=windows-1251">
</head>    
<body>
<img src="" alt="">    
</body>    
</html>

Дрон

Дата 23.9.2005, 14:28 (ссылка)

(нет голосов)

Загрузка ...

Java-ненавистник :)

Профиль
Группа: Участник Клуба
Сообщений: 3179
Регистрация: 29.12.2002
Где: Санкт-Петербург

Репутация: 1
Всего: 92

Хмм...

Тут валидатор говорит о том, что похоже тэг img не закрыт.
МОгу предположить, что он действительно тупит из-за того, что имг расположет там, где не должен быть.

Но замени img на hr и сравни:

<hr> - ок
<hr/> - облом, потому как воспринимается как <hr/ и отдельно >
<hr /> - ок -- вот здесь видимо всё-таки для совместимости оставили smile

В итоге получаем.
Де-юре (по спеке) в HTML нет синтаксиса <hr />, но де-факто он всеми поддерживается smile

Это сообщение отредактировал(а) Дрон - 23.9.2005, 14:28

--------------------

Да. Именно так.

Alx

Дата 23.2.2006, 00:01 (ссылка)

(нет голосов)

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 1
Всего: 78

боже, ну и чушь. извините конечно... можт, я и скряга, но я лучше пошлю все эти валидности к чертяс обачим чем столько мучится из-за таких мелочей smile

--------------------

Guedda

Дата 23.2.2006, 12:32 (ссылка)

(нет голосов)

Загрузка ...

Подрывник

Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78

И правильно сделаешь smile

Зациклились на этом валидаторе, хотя и без него прекрасно работает все smile

--------------------

Ll 2

R.M.

Дата 23.2.2006, 22:55 (ссылка)

(нет голосов)

Загрузка ...

Анархист

Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30

Во-во к чему эти стандарты??? Всё пашет что <img> что <img/> что <img /> во всех браузерах одинаково а валидность это так потипу "модно" (ИМХО)

--------------------

Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »