Записи помеченные ‘css’
Растягивание div по высоте при помощи css
Автор: 2pick 8 Март 2012 | Оставить комментарий!
Итак как же растянуть див по высоте родительского элемента? а все оказывается банально и просто: <div class="container"> <div id="element"></div> В стилях прописываем следующее: .container{ position:relative; height:100%; /*высота родителя должна быть задана. если не известна, то выставляем 100%*/ } #element{ position:relative; height:100%; } Вот и все. Данный метод не работает, когда задано выравнивание (float).
Фиксированный и сложный (из нескольких картинок) фон
Автор: 2pick 17 Февраль 2012 | Оставить комментарий!
Итак бредислове: на днях мне было необходимо сверстать очереднеой дизайн. Казалось бы — ничего сложного обычная страница: сверху логотип и 2 колонки. Но не тут то было… Дизайн подразумевал в себе статический фон из большой картинки в 2-х углах которой распологались некие элементы, а центр был одноцветный. Решение: было решено разбить этот фон на 2 [...]
Растягивание div по высоте при помощи css
Итак как же растянуть див по высоте родительского элемента? а все оказывается банально и просто: <div class="container"> <div id="element"></div> В стилях прописываем следующее: .container{ position:relative; height:100%; /*высота родителя должна быть задана. если не известна, то выставляем 100%*/ } #element{ position:relative; height:100%; } Вот и все. Данный метод не работает, когда задано выравнивание (float).
Фиксированный и сложный (из нескольких картинок) фон
Итак бредислове: на днях мне было необходимо сверстать очереднеой дизайн. Казалось бы — ничего сложного обычная страница: сверху логотип и 2 колонки. Но не тут то было… Дизайн подразумевал в себе статический фон из большой картинки в 2-х углах которой распологались некие элементы, а центр был одноцветный. Решение: было решено разбить этот фон на 2 [...]
