У всех DIV'ных верстальщиков рано или поздно возникает вопрос - как прижать футер (подвал) к низу страницы? Для решения данной проблемы есть несколько выходов (Вспомнил шутку: - из каждой ситуации есть 2 выхода, это рот и попа :)) ), сейчас мы рассмотрим их...
Footer прижимается вниз за счет его абсолютного позиционирования относительно элемента body и вытягивания высоты контейнеров html и body на 100%.
HTML - код:
Если у вас возникают проблемы с отцентровкой основного DIV контейнера в IE 4 и выше, то этот метод вам поможет.
Хитрость заключается в том, чтобы добавить свойство text-align:center; к тегу body, а затем использовать стандартное свойство для отцентровки контейнера => margin:0 auto;. Примените text-align:left; для контейнера, который вы хотите отцентровать.
Вот пример:
Иногда возникает потребность в защите своего контента от копирования, ниже я опишу несколько способов:
В связи с выходом новой версии IE8 у верстальщиков возникли новые проблемы. В стандартном режиме все сайты стали выглядеть страшнее чем в IE6.
Чтобы исправить эту проблему нужно включить "режим совместимости". Сайт будет отображаться как в IE7. Это можно сделать двумя способами:
Включить в IE8 режим совместимости, нажав соответствующую кнопку рядом с адресной строкой. Этот метод не удобен, так как не все пользователи смогут такое сделать.
Включаем режим принудительно через код HTML (хак), вставив в HEAD следующую строку:
Свойство display:inline-block криво отображается в "ишаках" IE6, IE7. Для этого нужны фиксы. Как подключать стили для ишака, наверное, вы, знаете. Но, для тех кто незнает, напишу:
Недавно возникла потребность в темизации тега label, была следующая конструкция:
<label for="edit-submitted-fio">
На многих сайтах очень часто мы видим ссылку - сделать стартовой страницей, при нажатии на которую данный сайт становится вашей домашней страницей по умолчанию. Но есть 1 но, данный способ работает только в браузере Internet Explorer, в FireFox данный способ не будет работать, поэтому для FF мы сделаем alert, мол нажмите Ctrl+D чтобы сделать данную страницу вашей домашней.
Вот исходник кода ссылки:
Головняк каждого верстальщика IE6 не справляется даже с PNG прозрачностью изображений. В интернете существует несколько способов борьбы с PNG прозрачностью в IE6, но у многих из этих способов есть минусы, например, скрипт от jQuery pngFix - вроде бы хорошо справляется со своей задачей, плюс ко всему - он не очень тяжелый, всего 4кб! Но, есть одно но! Если вы задали при помощи CSS - свойство background-position для вашего фонового изображения, то pngFix его безобразно растянет и будет игнорировать позиционирование вашени фонового изображения, так что этот скрипт пока отпадает...
Иногда возникает потребность в вертикальном выравнивании
Всем доброе утро! :) Недавно у меня возникла необходимость в использовании 2х фоновых изображений (2 background images) для тега
. Потратив на поиски рабочего решения пол дня - я всетаки нашел его! Итак вот оно:Т.е. как вы видите, мы использовали фоновое изображение для тега , в нем же мы задаем и цвет фона, т.к. если мы зададим цвет фона для тега
Как и многие из всех верстальщиков, я ненавижу браузер Internet explorer любой версии, но тем не менее, наши "динозавры" (Люди - чайники) пользуются этими конченными браузерами. В современных браузерах, таких как FireFox и Safari закругленные углы можно задавать с помощью CSS3. Так вот, недавно передо мной встала задача сделать закругленные углы у выпадающего меню в IE6, потратил на это целые сутки, но всетаки нашел решение, это - скрипт DD_roundies. Итак, приступим к обзору данного скрипта!
Очень часто возникает вопрос - а как вставить ссылку на flash обьекте, не лезя в исходный код флешки? Сейчас мы рассмотрим рабочий вариант для вставки ссылок на flash обьект.
HTML - конструкция.
Комменты