Май
21
Архив рубрики «Browsers»
Апр
19
Вертикальное выравнивание в div’ах
По материалам cssing.org.ua.
Сам я относительно недавно решился перейти с табличной верстки на блочную. И если вы тоже в свое время решились сделать этот шаг, то наверняка столкнулись с проблемой, когда нужно выровнять содержимое блока по вертикали. Очень хороший обзор решений о вертикальном выравнивании в блоках я нашел на блоге, с которым вы наверняка знакомы, если увлекаетесь версткой.
Итак, перейду непосредственно к описанию метода.
Для вертикального выравнивания в блоках разработчики W3C создали замечательное свойство display: table-cell;, которое позволяет заставить какой-либо элемент отображаться как ячейка таблицы. При этом добавив vertical-align: middle; мы прекрасно справились бы с поставленной задачей, если бы не Internet Explorer, который ни в какую не хочет поддерживать свойство display: table-cell;. Ниже приведен образец кода, который поможет IE отображать содержимое блока по середине, также как в остальных браузерах:
Фев
20
CSS для IE
Перевод статьи «Hack-free CSS» for IE с сайта virtuelvis.com.
Перевел Cake_Seller.
Резюме: в статье описываются условные комментарии для Internet Explorer’а, их синтаксис и примеры применения.
Фев
18
Решение проблемы с прозрачностью PNG в IE 5.5-6
Решение этой проблемы было найдено здесь - http://www.dynamicdrive.com/forums/showthread.php?t=22176. Сразу предупреждаю - это решение не идеальное! Оно подходит только при вставке PNG’шек с помощью тэга <img>. Если изображение прописать в качестве бэкграунда через стили, то PNG’шка по прежнему будет некорректно отображаться в IE.
К достоинствам данного решения я могу отнести то, что не нужно добавлять никаких идентификаторов в тэге <img>. Т.е. достаточно просто вставить яваскрипт между тэгами <head> </head>.