IE6

CSS Фиксированное позиционирование блоков без использования position:fixed

Очень часто приходится верстать макеты, в которых попадаются элементы, которые нужно зафиксировать на одном месте при прокрутке основного контента страницы. Обычно для верстки таких блоков применяется css-свойство position:fixed. Однако часть браузеров до сих пор не поддерживает это css-свойство. И здесь речь идет не только о Internet Explorer 6, но и о Mobile Safari, который также не поддерживает position:fixed на операционных системах iOS до версии 5. А так как некоторые макеты сайтов должны безукоризненно отображаться на iPhone и iPad, то можно воспользоваться небольшим трюком в CSS, который позволит сделать такие фиксированные блоки, но без использования свойства position:fixed.

Читать дальше →

 

Веб-разработка Использование base64 в веб-разработке

Base64 — позиционная система счисления с основанием 64 (26). При этом основание 64 в этой системе счисления выбрано не случайно. Это наибольшая степень двойки, которая может быть представлена набором символов из кодировки ASCII. При этом в base64 используются символы A-Z, a-z и 0-9, что составляет 62 знака, а для двух недостающих знаков применяются символы «+» и «/». Эта система широко используется, например, в электронной почте для представления бинарных файлов в тексте письма (так называемое транспортное кодирование для гарантированного сохранения данных при передаче в любых сетях и между любыми устройствами). Однако совместно с технологией data:URL base64 может использоваться в веб-разработке для включения элементов данных (чаще всего файлов с изображениями) в HTML и CSS-документы.

Читать дальше →

 

Веб-разработка Оптимальный способ создания кроссбраузерных CSS

При верстке веб-сайтов очень часто возникает ситуация, когда невозможно написать набор css-свойств, который будут одинаково хорошо понимать все основные браузеры. И если с браузерами Firefox, Google Chrome, Opera и Safari такая проблема чаще всего не возникает, то в случае с различными версиями Internet Explorer добиться кроссбраузерной верстки очень сложно. Поэтому для решения этой проблемы нужно написать часть css-свойств специально для некоторых версий IE (чаще всего это IE6 и IE7). Сделать это можно двумя способами: первый — использование условных комментариев Internet Explorer (Conditional comments), второй — применение css-хаков (например, *margin-left:10px или _margin-left:10px). Оба способа имеют ряд недостатков, но, к счастью, есть еще одно решение, которое я считаю самым оптимальным для создания кроссбраузерных css-файлов.

Читать дальше →