Тест браузеров

← →
Strate © (2006-07-21 12:58) [0]

http://www.webstandards.org/files/acid2/test.html#top

Зайдите сначала Opera или Файерфоксом, а потом старым добрым IE...

Вы удивитесь!

← →
ПЛОВ © (2006-07-21 13:04) [1]

Не увидел разницы! Заходил Оперой и МуИЕ...

← →
StriderMan © (2006-07-21 13:05) [2]

ничего не понял

← →
tesseract © (2006-07-21 13:06) [3]

Вот здесь с картинками :
http://www.extremetech.com/article2/0,1697,1990859,00.asp

← →
Desdechado © (2006-07-21 13:06) [4]

В опере 8.5 слегка косовато, в IE 6 вообще ничего не видно.

← →
ZeroDivide © (2006-07-21 13:07) [5]

А теперь посмотри сюда:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.webstandards.org%2Ffiles%2Facid2%2Ftest.html%23top&usermedium=all

← →
Чапаев © (2006-07-21 13:11) [6]

> Зайдите сначала Opera или Файерфоксом, а потом старым добрым
> IE...

Какой мне с этого гешефт?

← →
DrPass © (2006-07-21 13:48) [7]

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

← →
vidiv © (2006-07-21 13:56) [8]

> DrPass © (21.07.06 13:48) [7]

истина говоришь!

← →
McSimm © (2006-07-21 14:33) [9]

> Strate © (21.07.06 12:58)
> Вы удивитесь!

Сохраните эту страничку, исправьте все ошибки и попробуйте еще раз.
Это тупой и бессмысленный тест, не имеющий никакой практической ценности, кроме привлечения легковерных посетителей на свой сайт.

← →
McSimm © (2006-07-21 14:38) [10]

справедливости ради, добавлю, что тест может еще иметь разве что академический интерес для разработчиков парсеров.

← →
vidiv © (2006-07-21 17:54) [11]

> .intro * { font: inherit; margin: 0; padding: 0;
> }
> .picture p + table + p { margin-top: 3em; ...
> [class~=one].first.one { ...
> [class~=one][class~=first] [class=second\ two][class="second
> two"] { float:...
> .nose > div { pa...
> .nose div:hover :before { bor...
> \.parser { paddi

где можно почитать правду про подобные объявления на русском?

← →
McSimm © (2006-07-21 18:13) [12]

> vidiv © (21.07.06 17:54) [11]

Сильно надо ? Вполне достаточно обычной спецификации css(2)

Разве ты видишь хоть какой-то практический смысл в написании "m\argin" или прочей чепухи?

Трудно себе представить вменяемого разработчика, который будет упорно вставлять подобные несуразицы в свой код и гневно ругаться в адрес браузеров, которые не захотели его понять :)))

← →
vidiv © (2006-07-21 18:20) [13]

> Разве ты видишь хоть какой-то практический смысл в написании
> "m\argin" или прочей чепухи?

ну это конечно да.
А так.. для собственно развития. Например:
.intro * или p + table + p. чтобы это могло значить

Или, например, уточнить, можно ли указывать несколько классов для одного элемента, например: .classone.classtwo {...}

> p + table + p. чтобы это могло значить

Видимо то же самое, что и без плюсиков - вложенность в документе.

> несколько классов для одного элемента

<span class="class1 class2">

> > несколько классов для одного элемента
>
> <span class="class1 class2">

а как указать в CSS, что стиль надо применить к элементу у которого указанны и клас1 и клас2.

или вот пример:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> .a.b { color:red; } </style> </head> <body> <div class="a"> one <div class="b"> two </div> </div> <div class="b"> one <div class="a"> two </div> </div> </body> </html>
У меня IE выдает одну черную строку и три крассных. Как объяснить подобное поведение?

> а как указать в CSS, что стиль надо применить к элементу
> у которого указанны и клас1 и клас2.

Зачем такое может понадобиться ???
В элементе объединить два класса - понятно. А тут что-то загадочное.

Тем не менее даю решение: :))
class1_class2 { color:red; } <span class="class1_class2">

> Как объяснить подобное поведение?

красным стали все элементы с классом "b"
А что хотелось получить вообще ?

> А что хотелось получить вообще ?

по идее все черные :)
и почему красным стали все элементы с классом "b"

> В элементе объединить два класса - понятно. А тут что-то
> загадочное.

Бывают случаи :)

>
> Тем не менее даю решение: :))
> class1_class2 {
> color:red;
> }
>
> <span class="class1_class2">

хитро, а допустим в таком случае:
<body> <span class="a">Section1</span> <span class="b">Section2</span> <span class="a b">Section3</span> </body>
Есть возможность выделить только Section3 ?

> по идее все черные :)
> и почему красным стали все элементы с классом "b"

A.B нотация означает указанный тэг A с указанным классом B

A B - тэг B вложен в A
.a .b - тэг с классом b вложен в тэг с классом a

.a.b - это неправильная запись и браузер отбросил первое определение .a

> а допустим в таком случае:

А что в этом случае должно произойти с первыми двумя ? никакого выделения ?
Тогда повторю свое решение
ab { color:red; } <span class="ab">Section3</span>

> А что в этом случае должно произойти с первыми двумя ? никакого
> выделения ?
> Тогда повторю свое решение
> ab {
> color:red;
> }
> <span class="ab">Section3</span>

никакого выделения, при этом не нужно изменять код между body...
Единственное решение, которое я вижу:
* { color:expression( (this.className)=="a b"?"red":"inherit"); }
Но... сам понимаешь

Тест браузеров Найти похожие ветки