CSS-неймспейсы для Internet Explorer

6
Дабы не плодить кучи css-файлов для разных версий ишака, придумал такой скриптик:

/**
 * Adds css classes to body like ie, ie-6, ie-gte-5-5, ie-not-7, etc.
 * depends on msie browser version
 * 
 * @author Sergey S Yaglov
 * @link http://livestreet.ru/profile/1d10t/
 */
jQuery(function(){
	if(!jQuery.browser.msie){
		return;
	}
	var versions = ['5.5',6,7,8,9,10];
	var body = jQuery('body:eq(0)');
	var bv = jQuery.browser.version;
	var classes = ['ie'];
	var signs = {
		'==': '-',
		'>=': '-gte-',
		'>': '-gt-',
		'<=': '-lte-',
		'<': '-lt-',
		'!=': '-not-'
	};
	jQuery.each(versions, function(i,v){
		for(var sign in signs){
			var css_sign = signs[sign];
			eval('if(bv '+sign+' v){classes.push("ie"+css_sign+new String(v).replace(".","-"));};');
		}
	});
	body.addClass(classes.join(' '));
});


Применять в css-файлах можно, например, так:

.my-class { ... стиль для нормальных браузеров ... }
body.ie .my-class{ ... стиль для ненормальных браузеров :) ... }
body.ie-gte-7.ie-lte-8 .my-class{ ... стиль для ишаков от 7 до 8 версии включительно ... }
  • +5
  • 05 декабря 2011, 09:53
  • 1d10t

Бесплатный плагин "No IE"

8
Сделан в качестве обертки над этим хаком
Показываем пользователю IE6-7, что он использует устаревший браузер. И предлагаем список из современных браузеров.
Скачать можно в каталоге
  • +15
  • 11 февраля 2011, 12:00
  • Germis

JsHttpRequest.js недопустимый аргумент в IE8

 
При попытке нажать на кнопку «Добавить» при ответе на комментарий появляется следующая ошибка (если просто нажать кнопку «комментировать», то ошибки нет):



Ошибка появляется только в IE8 и только на рабочем сайте. Шаблон переделан из developer. В денвере с этим же шаблоном в IE8 всё работает. Пытаюсь разобраться в чем дело и уже потратил не мало времени. Прошу помощи у сообщества — вдруг кто-то уже встречался с подобной проблемой и знает её решение. При тестировании на рабочем сайте слияние js-файлов отключал, кэширование и не включал, кэши js/css и скомпилированные шаблоны чистил.

Ещё оказалось, что в том же IE8 и только на рабочем сайте не работает библиотека rocon для скругления углов. На домашней машине всё прекрасно работает. Кто-нибудь знает из-за чего такое бывает?

Проблема с отображением видео в IE6, 7, 8 версия 04.1

 
Версия 0.4.1 c активированным TinyMCE (использование последнего-принципиально)
При вставке видео с youtube код вида:
<object width="640" height="505"><param name="wmode" value="opaque"></param><param name="movie" 
value="http://www.youtube.com/v/90xljY2C_XQ&hl=ru_RU&fs=1&rel=0&color1=0x234900&color2=0x4e9e00"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/90xljY2C_XQ&hl=ru_RU&fs=1&rel=0&color1=0x234900&color2=0x4e9e00" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></embed></object>


преобразуется в такой:
<object width="640" height="505" data="http://www.youtube.com/v/90xljY2C_XQ&hl=ru_RU&fs=1&rel=0&color1=0x234900&color2=0x4e9e00" type="application/x-shockwave-flash"><param name="wmode" value="opaque"></param>
<param name="data" value="http://www.youtube.com/v/90xljY2C_XQ&hl=ru_RU&fs=1&rel=0&color1=0x234900&color2=0x4e9e00"></param>

<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="src" value="http://www.youtube.com/v/90xljY2C_XQ&hl=ru_RU&fs=1&rel=0&color1=0x234900&color2=0x4e9e00"></param>
<param name="allowfullscreen" value="true"></param>
</object>


В результате в IE 6,7,8 вместо видео — пустое окно. В других браузерах-все ок.
Преобразование насколько я понял идет в Text.class.php, однако ковыряние в нем ничего не дало — попытка отменить преобразование кода и привести его к оригиналу дает блокирование отображения всего контента.
Если у кого есть какие-нибудь мысли — буду признателен.

Автокомплитер / тег video / проблемы с IE

 
Добрый день.

В который раз уже пытаюсь найти человека, который решит мои проблемы ;) Их несколько:

1) В какой-то момент перестал работать автокомплитер. Везде, где он используется (города, страны, теги..) Почему не понятно.

2) Требуется запретить обработку парсером содержимого тега video. Совсем. Какой вставили код — такой и должен сохраняться в базе.

3) Не показывается в IE все, что так или иначе связанно с флеш-объектами. Просто для всех посетителей под этим браузером — дырки вместо флеш-контента (видео, презентации и т.д.)

Решить надо все вместе или по отдельности или как вам угодно — главное чтоб работало. Стоимость обсуждаемая.

зы: Есть еще в запасниках задачи связанные с дополнительным функционалом. Но только после решения проблем. Так что если нужна работа — она есть.

Firefox vs IE: проблема с CSS

 
Друзья, никак не найду решение проблемы, рисую элементы дизайна и тут же их прикручиваю, в ходе верстки наткнулся на проблему с расположением изображения. Итак, есть изображение, которое делаем фоновым для ссылок «блоги, люди, о проекте и т.д.», в css прописываем

Читать дальше

Let's kill IE6

3
Нашел скрипт для вывода пользователю IE6 сообщения с предложением обновить браузер ради его же блага :) Подключается тремя строчками:

<!--[if lte IE 6]>
        <script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.ru_RU.pack.js"></script>
    <![endif]-->


Демо:


Читать дальше

Проблема с редакотором топика

 
Есть такой баг: проявляется по разному в IE и FF (в хроме все работает как надо.

В IE:
Выделяем необходимое слово или фразу нажимаем «B», «I» и т.п. — выделяется правильно, но выделение смещается вправо на некоторое кол-во символов.

Если загружать картинку, то она всегда попадает в начало текста.

В FF:
При любой операции (выделение жирным, добавление картинки и т.п.) все отрабатывает корректно, но скролл перескакивает в начало текста.

Есть ли у кого готовое решение этих проблем?
  • +2
  • 15 апреля 2009, 13:29
  • wra

Никак не могу понять почему в IE все вытягивается в одну строчку

 
Возникла проблема что только в IE все выглядит перекошено
youshow.ru/blog/music

не могу понять почему…

Отступ текста в комментариях. IE

 
В фаерфоксе и в опере всё ок, в эксплорере… иначе :)
Собственно в чём дело: в лисе комментарии к топику начинаются с самого начала (от левого края аватарки) в ИЕ же от правого конца аватарки. Путём удаления всего чего можно в поисках ошибки, остался лишь такой код

<a name="comment6" href="http://localhost/profile/User1/"><img class="comments_avatar"   src="http://localhost/templates/skin/habra/img/avatar_24x24.jpg" width="24" height="24" alt="" title="User1" border="0"></a>
<div class="service_text_comments_holder">
 <a href="#comment6" class="small" title=" ссылка ">#</a> 
</div>
<div class="comment_text" >  Тестовый комментарий</div> 

img.comments_avatar {
  display:block;
  float:left;
  border:1px solid #DDDDDD;
  margin-right:10px;
  position:relative;
  top:5px;
}


.service_text_comments_holder {
  position:relative;
  top:10px;
  margin-right:4px;
}


div.comment_text {
  font-size:13px;
  padding:20px 0 16px 0;

  font-family:Arial; 
}


Удалив class=«comments_avatar» из тега img всё начинает писать по левому краю, но один под другим (аватарка, ссылка на коммент, текст комментария).
Если есть кто-то, кто разбирается в стилях, объясните как сделать, чтобы комментарии писалиь по левому краю аватарки во всех браузерах.
  • +1
  • 05 ноября 2008, 23:17
  • Karl