День браузеров или альтернативный тест для «Оперы»

Предлагаю назвать 5 октября «днем браузеров», потому что мне недавно приснился сон про этот замечтельный праздник. Если бы не Opera, наверное, мне бы приснился какой-то другой бред. Вы наверное уже поняли, что я не одну ночь провел в борьбе за кроссбраузерный код своего сайта :) Если кто видел, несколько дней назад мой сайт был совсем другим и я пребывал в неведении относительно его отображения, пока не посмотрел на него через версию 9.02 а не 8.54, которая у меня до этого была. Ну да, верстка там была непростая, но пусть только мне скажет кто-то, что при превышении ширины блока более 100% (да, такое иногда нужно. А что, в стандарте не разрешается так делать?) за экраном должна оставаться левая часть а не правая и я первым брошу в него помидор.

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

Итак, если вы читаете это из «Оперы», я вам сейчас покажу интересное явление. Ширина основного белого блока по которому я сейчас пишу ровно 1000 пикселей. Следовательно, 50% от него будет 500 пикселей, верно? Ну что-ж, проверим.

Блок с шириной 500 пикселей
Блок с шириной 50%

Ага. Все нормально. А хватает ли вам точности до процента? Лично мне нет, хотелось бы иногда поточнее позиционировать элементы. Ну что-ж, CSS позволяет указывать десятичные значения, не правда ли? Да, правда. Давайте попробуем. Допустим, хочу я не 50%, а 50.8%. Для контроля рядышком будет блок с фиксированной шириной в 508 пикселей, которая и является численным выражением этих процентов относительно родительского блока.

Блок с шириной 508 пикселей
Блок с шириной 50.8%

Что такое? Неужели они различаются? Ай-я-яй, как нехорошо! Обратите внимание, в какую сторону произошло округление ;) Кстати, если эти два блока одинаковой ширины, и при этом у вас Opera, сообщите мне, пожалуйста об этом примечательном факте.

В общем, плохо Opera работает с процентами. Я бы мог привести еще несколько примеров, но уже просто нет сил. Лучше теперь вернемся к широким блокам (свыше 100%). Ниже вы видите желтенькую полосу. Так вот это блок с шириной 500%. В полоске абзац с id="mamamio", к которому я и посылаю приведенной ниже ссылкой. Нажатие на ней приведет к интересному результату, если у вас Opera 9.02. Я считаю, что это неправильная, совсем неадекватная реакция. Думаю, разработчики остальных браузеров тоже так считают. Вот ссылка. Если ничего особого не произойдет, значит наверняка у вас не Opera 9.02 :)

Вот абзац с id="mamamio". Спасибо за внимание, фокусы кончились.

Если бы не этот плавающий блок {float: right;}, смотреть бы вам сейчас только на серое пространство с желтой полосой внизу. Такие вот пироги.
Удачи всем, я прощаюсь! :)

Список браузеров, не прошедших один или оба этапа этого теста в теме «День браузеров» на xhtml.ru. Если ваш браузер не относится ни к одному из перечисленных в ней, и вы видите описаные выше ошибки в отображении, напишите в эту тему, пожалуйста. Или напишите мне.

Леонид, измученный браузерными выходками.