CSS/HTML
Режим совместимости в Internet explorer
Наконец решил одну из старых проблем - в Internet explorer иногда включался режим совместимости, а отсюда выползало ряд проблем. Особено когда ковыряешься в чужой верстки. Делаешь-делаешь. Все красиво. Смотришь в ИЕ, все разваливается. О проблемах много было написано тут или тут. Решение проблемы очень простое - будьте внимательны к доктипу. Если его верно не указать то начинаются проблемы.
Обновление стилей CSS без перезагрузки страницы - Reload CSS
Часто так бывает, что внося изменения в стили CSS верстальщик постоянно обновляет страницу. Порою это сильно раздражает, особенно когда внесли изменения в HTML с помощью FireBug-а или инструментов разработчика в других браузерах. В итоге с коллегой JS программистом Игорем Демньяновым написали скрипт, который перезагружает с сервера файлы стилей, так называемый Reload CSS.
Свойства textarea
Textarea один важных элементов полей для ввода, особенно для форм обратной связи при создании сайтов. Отсюда она рождает множество проблем для верстальщиков и и программистов. Есть несколько особенных свойств тега textarea. О них я и хочу поведать.
Кроссбраузерная поддержка и справочник CSS3
Давно что-то не писал в свой блог. Как-то увлекся работой. За долгое время я уже набил руку по верстке, так что могу гвозди забивать. Изучил поведение аттрибутов, псеводоклассов (божественная штука) и конечно плотно изучаю спецификации. И конечно дело дошло до CSS3. Куда же без этого дела?
Возможностей море: от скруглений до трансформаций и анимации. Последние два касаться пока не буду. Займемся пока что только скруглениями, тенями, прозрачностями и градиентами. Данные инструменты очень полезны, так как позволяют сэкономить на количестве запросов на сервер за картинками. Так что, решил для себя набросать небольшой справочник CSS3.
Вертикальное выравнивание с помощью CSS
Очень часто при верстки приходится заниматься выравнивание объектов, один относительно другого. Чаще всего такая проблема присутствует для вертикального выравнивания, с горизонтальным более или менее все понятно. Есть несколько решений для выравнивания. Расмотрим пример.
<div class="inner">
текст который должен быть выравнен по вертикале
</div>
Решение № 1 с ипользованием высоты строки line-height
div.inner { border:1px solid red; height:75px; line-height:75px}
Такое решение хорошо, когда блок по ширине больше чем содержимое. Такое решение вертикального выравнивания можно использовать для меню.
Хак для Internet Explorer 8 (IE8)
В связи с выходом новой версии IE8 у верстальщиков возникли новые проблемы. В стандартном режиме все сайты стали выглядеть страшнее чем в IE6.
Чтобы исправить эту проблему нужно включить "режим совместимости". Сайт будет отображаться как в IE7. Это можно сделать двумя способам: