Архив категории ‘HTML и CSS’

Перевод pt в px, em и %

Автор: 2pick 8 Март 2012 | Оставить комментарий!
Перевод pt в px, em и %

Pixels (px): «px» имеют фиксированный размер единиц. Один px = 1 точки на экране компьютера (самый малый элемент разрешения вашего экрана). Points (pt): «pt», традиционно используются в печатных изданиях (бумажный вариант). Один pt = 1 / 72 дюйма. «pt», так же, как и «px», имеют фиксированный размер единицы и не могут масштабироваться. «Ems» (em): «em» — это масштабируемая [...]

Растягивание div по высоте при помощи css

Автор: 2pick 8 Март 2012 | Оставить комментарий!
Растягивание div по высоте при помощи css

Итак как же растянуть див по высоте родительского элемента? а все оказывается банально и просто: <div class="container"> <div id="element"></div> В стилях прописываем следующее: .container{ position:relative; height:100%; /*высота родителя должна быть задана. если не известна, то выставляем 100%*/ }   #element{ position:relative; height:100%; } Вот и все. Данный метод не работает, когда задано выравнивание (float).

Заставляем осла (IE) работать как надо

Автор: 2pick 17 Февраль 2012 | Оставить комментарий!
internet_explorer

Итак — для многих не секрет, что все браузеры как браузеры, а вот Internet Explorer работает через одно место… Приходится специально для него подгонять стили и т.п. Итак чтоб осел работал как надо — в первую строчку вставляем доктайп: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; Но даже после этого он толком не работает… [...]

Фиксированный и сложный (из нескольких картинок) фон

Автор: 2pick 17 Февраль 2012 | Оставить комментарий!
Фиксированный и сложный (из нескольких картинок) фон

Итак бредислове: на днях мне было необходимо сверстать очереднеой дизайн. Казалось бы — ничего сложного обычная страница: сверху логотип и 2 колонки. Но не тут то было… Дизайн подразумевал в себе статический фон из большой картинки в 2-х углах которой распологались некие элементы, а центр был одноцветный. Решение: было решено разбить этот фон на 2 [...]