Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > CSS-хаки

Автор: Golovastik 16.9.2010, 01:59

Скажите для того чтоб задавать дял браузера ИЕ для опр. классов опред. свойства для версий Ие:

* IE 6 — * html
* IE 7 — *+html

А что использовать для 8ой версии тогда?

Автор: Mavrun 16.9.2010, 06:50

условные комментарии

http://shublog.ru/html-and-css/uslovnye-kommentarii-i-css-khaki-round-1/

http://shublog.ru/html-and-css/uslovnye-kommentarii-i-css-khaki-round-2/

Автор: Golovastik 16.9.2010, 17:19

Случилась небольшая проблема, вот есть у меня текст который размещается на определённой картинке сайта.

Код


<span style="position:absolute; top:725px; left:35px; 
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;">
 Для женщин</span>

Он работает везде, кроме ИЕ6 и ИЕ7 ИЕ8, не в том месте размещаеться.
Пробую перед текстом написать так, и для ИЕ6 не срабатывает.

Код


<!--[if IE6]>
<style type="text/css">
"position:absolute; top:650px; left:35px; 
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;
</style>
<![endif]-->
<span style="position:absolute; top:725px; left:35px; 
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;">
 Для женщин</span>

2)Скажите, как можно в одном условии написать чтоб данное действие применялось как для 6-ой так и 7-ой и 8-ой версии?

Автор: Mavrun 16.9.2010, 17:24

во-первых, вроде как надо не до, а после основного цсс вводить правила для ишака.
во-вторых, для всех ишаков пишетя

а в-третьих - что это за хрень 0_о

Автор: Golovastik 16.9.2010, 17:32

Если написать так, будет 2 раза выводиться текст на картинке, а мне нужно 1 раз.

Код



<span style="position:absolute; top:725px; left:35px; 
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;">
 Для женщин</span>
 
 <!--[if IE]>
 <span style="position:absolute; top:705px; left:35px; 
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;">
 Для женщин</span>
 <![endif]-->

Автор: Golovastik 16.9.2010, 17:59

Не работает хак для ИЕ6,7,8, то есть выводит 2 раза текст.

Код


<span style="position:absolute; top:725px; left:35px; 
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;">
 Для женщин</span>
 
 <!--[if gte IE 6]>
 <span style="position:absolute; top:705px; left:35px; 
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;">
 Для женщин</span>
 <![endif]-->

Добавлено через 14 минут и 55 секунд
точно, вот так сработало.
Содержимое в отд. файле ксс:

Код

.textpos1{position:absolute; top:725px; left:35px; 
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

код хтмл:

Код

 <!--[if gte IE 6]>
 <style type="text/css">
 .textpos1{top:710px;}
 </style>
 <![endif]-->       
<span class="textpos1">Для женщин</span>

Автор: Golovastik 16.9.2010, 18:29

Вот так сработало для мозилы,только не понятно что это такое: html:root

HTML

html:root .textpos1{position:absolute; top:721px; left:35px;
font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

А в гуглхроме вверх занесло, как в гуглхроме исправить?

Автор: Golovastik 16.9.2010, 19:08

Как поставить условный коментарий в гуглхроме, и как поставить в браузере опера, выше версии 9,22(кроме 9,22),
на этих браузерах у меня отображается где-то в стороне, а не на картинке. Если кто знает, напишите как исправить.

Автор: Golovastik 16.9.2010, 19:37

Попробовал сейчас написать без условных комментариев.
Написать в стилях опробовал такое:

Код


.textpos1{position:absolute; top:710px; left:35px; 
font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

В хтмл поробовал такое:

Код


<span class="textpos1">Для женщин</span>

[COLOR="Blue"]Работает в ИЕ6,Ие7,ИЕ8,Опера9,22, Опера 9,63[/COLOR]
Не работает:
Мозила, ГУГХРОм.
Что делать?

Автор: bars80080 16.9.2010, 23:07

а что не работает? что должно быть, а чего не получилось?