Я уже писал в предыдущих статьях что при верстке своих сайтов я слежу чтоб они были кроссбраузерны (отображались одинаково) для IE6, IE7, Opera, FireFox. Для других браузеров делать кроссбраузерность не вижу смысла. Я давно уже перешел на DIV-ную верстку, и добиться кроссбраузерности обычными средствами CSS бывает не так то просто. В таких случаях к нам приходят на помощь CSS хаки (CSS трюки их еще называют некоторые). Это обычное CSS форматирование элемента страницы только с жестким указанием браузера для которого производится это форматирование. Для каждого браузера есть свои CSS хаки, так что можно добиться абсолютной кроссбраузерности. Но все равно увлекаться CSS хаками не следует это неправильно с точки зрения стандартов и выглядит довольно некрасиво. Учитесь верстать правильно, а не как умеете :).
Ну и вот этот самый список CSS хаков с примерами:
CSS хаки для Internet Explorer:
.class { *color: #368EF1; } /* для Internet Explorer */
Эти хаки применяются для Internet Explorer всех версий. Под всеми версиями я подразумеваю IE6 и IE7, версии ниже я уже не беру в счет т.к. остались "единицы" людей на нашей планете кто пользуется IE ниже 6 версии.
CSS хаки для Internet Explorer 6:
.class { _color: #368EF1; } /* для Internet Explorer 6 */
CSS хаки для Internet Explorer 7:
*+html .class { color: #368EF1; } /* для Internet Explorer 7 */
*:first-child+html .class { color: #368EF1; } /* для Internet Explorer 7 */
ВНИМАНИЕ!!! Эти два случая не работают без указания !DOCTYPE ... в начале документа.
CSS хаки для Opera:
@media all and (min-width: 0) {
.class { color: #368EF1; } /* для Opera */
}
html:first-child .class { color: #368EF1; } /* для Opera */
CSS хаки для FireFox:
html:first-child .class { color: #368EF1; } /* для FireFox */
.class, x:-moz-any-link { color: #368EF1; } /* для FireFox, но так же работает в Internet Explorer 7 */
Этот последний хак для FireFox, но не стоит забывать что он работает и в IE7.
CSS хаки для Safari:
html[xmlns*=""] body:last-child .class { color: #368EF1; } /* для Safari */
Этот хак для сафари надыбал в интернете, но сам не тестировал его и сказать о нем ничего не могу, просто я не пользуюсь сафари. Не было пока у меня задачи сделать кроссбраузерность для сафари.



*html .class { color: #368EF1; } - єтот для версии ИЕ 7 (у меня портабле не работает)
а єтот работает отлично .class { *color: #368EF1; }
Сенкс.
ВНИМАНИЕ!!! Эти два случая не работают без указания !DOCTYPE ... в начале документа.
Наверно из-за этого :)
html[xmlns*=""] body:last-child .class { color: #368EF1; } /* для Safari */
Это хак на третий CSS, который частично поддерживается Safari. Пока остальные браузеры его не поддерживают он будет прокатывать. Наверное, только "грязный" хак будет прокатывать в любом случае:
В самом конце стилевого листа писать:
p {color: green;} /* для Safari 2-3 */
address{zoom:1#} /* да любое объявление, главное - недопустимый символ в конце */
p {color: red;} /* для всех остальных */
У меня был доктайп, но тоже не работал в ИЕ 7
*html .class { color: #368EF1; }
yAnTar этот хак работает только в IE6, *+html .class { ... } для IE7. Если для IE6 и 7 надо, то используйте .class { *color: #368EF1; } этот хак.
Ну в статье же так написано
*html .class { color: #368EF1; } /* для Internet Explorer */
Эти хаки применяются для Internet Explorer всех версий. Под всеми версиями я подразумеваю IE6 и IE7, версии ниже я уже не беру в счет т.к. остались "единицы" людей на нашей планете кто пользуется IE ниже 6 версии.
yAnTar признаю проглядел, исправлю, спасибо.
Огромное спасибо! Особенно за Opera ))
А что это для лисы, указан оперовский хак?
Отличная статья!
Не хочу показаться дебилом, но как это всё использовать :) В поисковиках поискал и не нашёл, все только выкладывают хаки, а как ими пользоваться не обьясняют. Растолкуйте новечку пожалуйста.
Серж
А вы знаете зачем они нужны? Такое ощущение что нет.
наверно, для того чтобы во всех браузерах страницы отображались одинаково???
дак правда как пользоваться ими? у меня сейчас как раз такая проблема...
спасиб
у меня проблема вся правая колонка сайт бара в браузере Explorer уезжает на лева всё> Что можно сделать ка решить эту проблему ???????
Хех, а я вот снял номер в гостинице в Беларуси
українські реферати українські курсові дипломные по географии рефераты по географии обыкновенный дельфин дельфины seropol5
Отличные хаки, некторые даже работают)) Опробывал под IE 6 и IE7 на своём Гоа блоге, отлично работают!
вот сделал выпадающий список в Opera а в IE чет не пашет вот код:
правдо примерный
к нему еще стайлы :
ul li {
position: relative;
}
li ul {
position: absolute;
left: 135px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: red;
padding: 5px;
border: 0px solid #ccc;
border-bottom: 0;
background-color: none;
border-color: none;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 135px;
border-bottom: 0px solid #ccc;
}
li:hover ul { display: block; }
не пашет и все !!!
помогите плз
субтитры к сериалам tv series wallpapers tv show wallpapers все о путешествиях туризм seropol5
В root мне логи, получилась новость
спасибо хорошая статья всё работает только хаки для оперы не работают просто хаки устарели на сегодняшний день да и вышла новая версия 10.60 так она вообще кардинально отличаться от 9 ветки и сайты поэтому могу по разному отображаться вот кто спрашивал про оперу у кого не получалось есть статья тут чисто дя новых и старых браузеров опера хаки читайте http://si-web.ru/blog/34-css-hacks-for-opera.html
мир медицины медицина париж франция все о малайзии тропический отдых медицина прогрессивная медицина seropol5
прикольно! забавно получилось!!!
Алюминиевые входные двери так же как и алюминиевые окна, подразделяются на холодные (без термо-моста) и теплые и выполняются соответственно из профилей с термо-мостом.
Алюминиевые двери выполняются из профилей несколько шире оконных, что позволяет во первых обеспечить жесткость всей конструкции большую чем просто у алюминиевого окна, во вторых встроить необходимые замки.
При выборе холодной или теплой серии профилей для изготовления алюминиевых дверей необходимо руководствоваться следующими характеристиками для достижения необходимой цели.
• Снаружи или внутри помещения находится конструкция.
• Цена - холодные алюминиевые двери могут стоить от 5000 руб.
• Цвет - он добавит от 10 до 20 % в зависимости от сложности покраски
• Конфигурация и заполнение (Возможно исполнение с не параллельными перемычками, заполнение - стеклопакеты любой сложности и конфигурации)
• При выборе теплой двери сравнивать не только цену в предложениях но и конфигурацию профиля (PROFILCO закругленный и очень красивый внешне профиль)
"Холодные" алюминиевые двери
(аналог серии PROVEDAL P - 400)
Если вы хотите поставить качественные, но при этом дешевые алюминиевые двери тогда это двери из холодного профиля PROVEDAL (серия P - 400). Применяются они в местах с небольшой проходимостью. Это может быть входная дверь в беседку, веранду, садовый домик или торговую палатку, расположенную внутри отапливаемого помещения. Конструктивно, алюминиевая дверь из PROVEDAL допускает размещение внутри себя откидной оконной створки, через которую можно вести торговлю, что особенно важно при небольших торговых помещениях (
Мы имеем огромный опыт по установке таких дверей из алюминиевого профиля . Нами установлено более 1000 холодных алюминиевых дверей, одна из последних работ 2009 года МОСКОВСКИЙ ЗООПАРК 75 дверей для различных помещений с различной окраской. И изготовление 450 алюминиевых холодных дверей в новый больничный комплекс в г. Череповец
"Теплые" алюминиевые двери
(серии PROFILCO PR 63)
Для изготовления теплых алюминиевых дверей мы используем греческий профиль PROFILCO серии PR 63 который отличается качеством - все комплектующие полностью производятся и поставляются Грецией. Кроме того при производстве таких алюминиевых дверей мы используем итальянскую фурнитуру LAVAAL.
Теплый алюминиевый профиль, используемый нами при изготовлении алюминиевых дверей, состоит из двух алюминиевых профилей, соединенных в заготовку полиамидными перемычками (термо-мост) . Алюминиевые двери можно покрасить порошковой окраской в любой цвет по шкале RAL , также возможна покраска, имитирующая структуру дерева, так называемое декорирование. Декорирование как услуга примерно в два раза дороже обыкновенной порошковой окраски. Сроки на изготовление декорированных алюминиевых дверей увеличиваются на две недели. Теплые алюминиевые двери устанавливаются в помещениях, к которым предъявляются высокие требования по теплозащите (входные группы, двери в бизнес центры и просто офисные помещения, торговые центры и магазины). В качестве заполнения применяются стеклопакеты толщиной от 24 до 36 мм обычные, бронированные и тонированные в любой оттенок, и сендвич-панели толщиной до 32 мм . С каждой стороны возможна установка стальных листов в цвет конструкции (по шкале RAL).
ООО ПМК
Тел 229-74-45
Алюминиевые двери
только хаки не всегда правильно работают. лучше опираться на стандарты. вот недавно разрабатывал сайт свадебный. в любом случае, если сравнивать просто брак и гражданский брак, то обычный законный брак по всех параметрах - лучше, ведь стабильность - всегда главная прелесть в браке.
_____________
организация свадьбы
вот еще несколько статей по теме:
услуги организатора свадьбы
свадебный каталог
платье невесты
свадебный музыкант
прическа на свадьбу
вода в доме лекарственные растения история кино мир детских книг лучшие коктейли seropol5
Отправить комментарий