Записи помеченные ‘html’
Перевод pt в px, em и %
Автор: 2pick 8 Март 2012 | Оставить комментарий!
Pixels (px): «px» имеют фиксированный размер единиц. Один px = 1 точки на экране компьютера (самый малый элемент разрешения вашего экрана). Points (pt): «pt», традиционно используются в печатных изданиях (бумажный вариант). Один pt = 1 / 72 дюйма. «pt», так же, как и «px», имеют фиксированный размер единицы и не могут масштабироваться. «Ems» (em): «em» — это масштабируемая [...]
Растягивание div по высоте при помощи css
Автор: 2pick 8 Март 2012 | Оставить комментарий!
Итак как же растянуть див по высоте родительского элемента? а все оказывается банально и просто: <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 работает через одно место… Приходится специально для него подгонять стили и т.п. Итак чтоб осел работал как надо — в первую строчку вставляем доктайп: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Но даже после этого он толком не работает… [...]
Фиксированный и сложный (из нескольких картинок) фон
Автор: 2pick 17 Февраль 2012 | Оставить комментарий!
Итак бредислове: на днях мне было необходимо сверстать очереднеой дизайн. Казалось бы — ничего сложного обычная страница: сверху логотип и 2 колонки. Но не тут то было… Дизайн подразумевал в себе статический фон из большой картинки в 2-х углах которой распологались некие элементы, а центр был одноцветный. Решение: было решено разбить этот фон на 2 [...]
Перевод pt в px, em и %
Pixels (px): «px» имеют фиксированный размер единиц. Один px = 1 точки на экране компьютера (самый малый элемент разрешения вашего экрана). Points (pt): «pt», традиционно используются в печатных изданиях (бумажный вариант). Один pt = 1 / 72 дюйма. «pt», так же, как и «px», имеют фиксированный размер единицы и не могут масштабироваться. «Ems» (em): «em» — это масштабируемая [...]
Растягивание div по высоте при помощи css
Итак как же растянуть див по высоте родительского элемента? а все оказывается банально и просто: <div class="container"> <div id="element"></div> В стилях прописываем следующее: .container{ position:relative; height:100%; /*высота родителя должна быть задана. если не известна, то выставляем 100%*/ } #element{ position:relative; height:100%; } Вот и все. Данный метод не работает, когда задано выравнивание (float).
Заставляем осла (IE) работать как надо
Итак — для многих не секрет, что все браузеры как браузеры, а вот Internet Explorer работает через одно место… Приходится специально для него подгонять стили и т.п. Итак чтоб осел работал как надо — в первую строчку вставляем доктайп: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Но даже после этого он толком не работает… [...]
Фиксированный и сложный (из нескольких картинок) фон
Итак бредислове: на днях мне было необходимо сверстать очереднеой дизайн. Казалось бы — ничего сложного обычная страница: сверху логотип и 2 колонки. Но не тут то было… Дизайн подразумевал в себе статический фон из большой картинки в 2-х углах которой распологались некие элементы, а центр был одноцветный. Решение: было решено разбить этот фон на 2 [...]

