Часто требуется установить высоту блока в 100% окна браузера. Делают это к примеру для того, чтобы после по центру разместить контент, или прижать к низу этого блока footer.
Читать далее »Рубрика "HTML/CSS"
Всё о вёрстке – HTML, CSS. Tips and Tricks. Как что то верстать, как что то обойти в неубиваемом Internet Explorer 6. Наверное этот раздел будет наиболее полным, так как часто приходится иметь дело с вёрсткой страниц, следовательно часто приходится справляться со всякими проблемами.
Довольно часто требуется, чтобы нижняя часть – футер был всегда у нижнего края браузера, дабы не было пустоты. При этом если контента мало, то футер должен быть внизу, если много, то должен отодвигаться контентом.
Есть куча способов сделать это. Рассмотрим один из них.
Условные комментарии работают только в Internet Explorer в Windows и поддерживаются начиная с 5 версии.
Условные комментарии выглядят так:
<!–[if IE 6]>
Специальные инструкции для IE 6
<![endif]–>
Как видим условный комментарий состоит из обычного HTML-комментария <!–– ––>. Все браузеры, как и положено, игнорируют данные внутри комментария.
Читать далее »Под катом приведена таблица кодов наиболее используемых символов. Почему то они часто забываются. Для этого и выписал всё отдельно. В разделе описания кода приведено словесное описание, что поможет запомнить основные коды символов, таких как < > " & и тд.
Читать далее »В версии CSS 2 появилось свойство min-height, позволяющее задать минимальную высоту для блока на странице. Высота блока всегда будет НЕ меньше указанной, а при переполнении контентом блок будет расширяться. Min-height довольно часто используется при вёрстке. И всё бы хорошо, но Internet Explorer 6 не поддерживает min-height(в остальных браузерах IE >= 7, FF, Opera, Safari, Chrome [...]
Читать далее »Иногда нужно защитить информацию на сайте от копирования. В частности для того, чтобы другие сайты не использовали Ваш уникальный, написанный вами же, контент. Но! Защита контента, отдаваемого сервером клиенту, в принципе не возможна. Всё что закачал к себе браузер, всё можно взять. Можно только создать неудобства при копировании контента. Об этом и будет идти речь [...]
Читать далее »Как известно, в браузерах Safari и Chrome, основанных на Webkit, у элемента формы textarea можно изменять размер. Но иногда это не нужно – при изменении размера textarea дизайн сайта может измениться, вёрстка скривиться и в результате всё будет выглядеть не так, как бы этого хотел дизайнер и заказчик, утвердивший дизайн.
Читать далее »Начиная верстать макет, необходимо в частности указать в CSS используемые на странице шрифты. Зачастую различными шрифтами дизайнер набирает не только основной текст страницы, но и разнообразные заголовки, логотипы, вензеля.
Читать далее »Часто возникает ситуация, когда нужно отцентровать блок div внутри другого блока.
Читать далее »При размещении на сайте flash-ролика с последующим расположением над ним какого нибудь html-элмента, к примеру div, возникает проблема. При любом значении z-index html-элмента этот самый элемент располагается под flash-роликом. Обычно эта проблема возникает на сайтах, где присутствует выпадающее меню и в других редких случаях. Очень часто эту проблему можно увидеть на сайтах, порталах, контент на [...]
Читать далее »