Записи с тегом «CSS»
Сниппет без решения: 120 dpi fix + Opera 10.5
Приём «шрифты в em» прижился у многих верстальщиков и продолжает использоваться несмотря на постепенный отказ от поддержки IE6 и перехода большинства браузеров на full page zoom. Для сохранения размера шрифта таким, как его задумал дизайнер при переключении масштаба в операционной системе применяется другой известный приём «120 dpi и шрифты в em» (хотя это и не совсем правильно, т.к. пользователь увеличивает шрифт для удобства чтения).
Судя по всему в Opera 10.5x (проверяли на 10.51 и 10.54) не работает следующая конструкция из CSS Media Queries:
@media all and (min-resolution: 120dpi) {
...
}
В более ранних и более поздних версиях этого браузера приём работает.
Привязка нижнего блока к низу макета страницы
Как "прилепить" нижний блок книзу? Google и другие поисковики дают много ссылок на различные решения данной проблемы. По ряду причин, большинство из предлагаемых решений уже не работают, либо работают, но без поддержки кроссбраузерности. На данный момент удалось найти такое кроссбраузерное решение, речь о котором и пойдет далее...
WebTools. Веб-утилиты.
Под катом - список утилит, которые частично облегчают жизнь веб-программисту... :)
С чего начать CSS-файл, как его организовать и о чём не забыть
С чего начать
Для облегчения вёрстки удобно сбросить все настройки браузеров (отступы, рамки и т.п.) по умолчанию следующим кодом в начале CSS.
Высота блока в IE6 меньше 20px
<div style="height:10px"><!-- --></div>
Фишка в том, что необходимо вставить комментарий в пустой блок.
Есть и второй способ, но он менее интересный:
<div style="height:10px; font-size:1px; line-height:0;"> </div>
В этом способе необходимо добавить неразрывный пробел в блок и определить стили: font-size:1px; line-height:0;
Ссылка на статью: Делаем высоту блока в IE-6 меньше 20px
Простой способ помещения в один файл CSS для экрана и печати
Чем меньше будет запросов к серверу, необходимых для загрузки страницы (тем более загрузки блокирующих ресурсов, т.е. тех, ссылки на которые размещены в <head>), тем лучше для пользователя. Один из простых способов уменьшения количества запросов на один — помещение
CSS для печати и для экрана в один файл.