Колоночные веб-сайты
Опубликовано 05.04.2009

Чуть ли не с десятилетие ведутся разгромные холивары о том, как на самом деле нужно верстать страницы Интернета. Уже давно въелось мне в подкорку головного мозга утверждение, что таблицы - это не для верстки - это для таблиц, которые с рамками, строками и столбцами. Далее

Css reset
Опубликовано 25.03.2009

Один из безусловно рабочих способов браузерной независимости - обнуление css-стилей перед их непосредственной установкой. Вроде бы все просто, но когда доходит до практики, в голову приходит только обнуление марджинов и паддингов, ну и бордеров может быть. Естественно, этим способ не ограничивается: Далее

Чем только не приходилось пользоваться для тестирования сайтов в различных браузерах, а по большей части - в ИЕ6, пока мне не посоветовали Xenocode. Браузеры на странице можно загружать прямо с сайта или скачать себе исполняемый файл.
Забавно, что при попытке запуска какого-либо модуля из Firefox, на компьютер скачается т.н. “песочница” - программное окружение, норовящее вечно торчать в памяти, а сами браузеры будут грузиться онлайн. Если по тем же ссылкам пройти из Opera, скачаются сразу екзешники, что на мой взгляд удобнее. Собственно, качать придется скорее всего только ИЕ 6-ой и, возможно, 7-ой версии :).
Исполняемые модули представляют собой урезанные версии программ, предлагающие лишь просмотр сайта на манер изображаемого браузера.
P.S. В админке вордпресса промелькнул модуль, не пускающий на сайт посетителей с IE6, еле удержался не поставить :).

Зачем нужен !DOCTYPE
Опубликовано 17.03.2009

Ниже я уже писал, что мне пришлось собирать коммерческий сайт на таблицах вместо прославляемых мной дивов. Структуру я наметал быстро и все бы ничего, но классическая таблица-контейнер (у которой высота и ширина = 100%) после переноски шаблона в битрикс почему-то тянулась ровно столько, сколько было контента.
Пришлось себя пересилить и привести код в нормальное состояние, чтобы наглядно видеть структуру каждой из нескольких вложенных таблиц - это было полезным, но лишь подтвердило, что в коде я не ошибся. Проблема была в DOCTYPE. Будучи новичком в битриксе, я скопировал целиком шапку страницы шаблона с другого сайта и там содержался DOCTYPE, говорящий, что нижеприведенная страница подчиняется стандартам xhtml 1.1, чего, разумеется, не было. Итак, строка, начинающаяся с !DOCTYPE указывает браузеру, на какой стандарт (x)html кода ему ориентироваться. Это одно из средств кросс-браузерности, на которое даже матерые веб-разработчики порой не обращают внимания. Далее

Прозрачный PNG во всех браузерах
Опубликовано 16.03.2009

ИЕ6 никак не хочет показывать прозрачные png так, как от него требуется. Впрочем, глюки с прозрачностью можно порой наблюдать и в других браузерах. Далее предлагается якобы универсальный способ достичь желаемого:

<img src=”прозрачный gif-файл размером с нужную картинку” style=”background-image: url(’искомый файл png‘); filter = progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’искомый файл png‘, sizingMethod=’crop); //background-image: none ! important;” />

Многие и так используют однопиксельный spacer.gif для выравнивания контента, видимо, растянуть его поверх необходимой картинки тоже выйдет.

« Предыдущая страница