Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   сделать дополнительное условие (https://javascript.ru/forum/dom-window/18429-sdelat-dopolnitelnoe-uslovie.html)

marlic 30.06.2011 15:17

сделать дополнительное условие
 
есть такой код
if($(window).width() <= 1024){      
										       $('.ui-tabs-panel').find('a').find('img.tab-img').css('width', '100%');
											   
										}

нужно добавить условие что если браузер именно IE 7 и
if($(window).width() <= 1024

то стиль
.img.tab-img {margin-top:-208px;}

подскажите плиз?

ksa 30.06.2011 15:24

А вёрсткой значит никак... :)

marlic 30.06.2011 15:25

никак версткой добавить сразу два условия;
<!--[if IE 7]>< ![endif]-->
и проверку разрешения экрана

da_ff 30.06.2011 17:02

К сожалению ie7 не поддерживает mediaquery.

var version = navigator.userAgent.match(/.+(?:rv|it|ra|ie|ox|me|on|id|os)[\/:\s]([\d._]+)/i)||[0,'0'])[1].replace('_', '');
version = isFinite(parseFloat(version)) ? parseFloat(version) : version;

вернет версию вашего браузера, для ie7 это будет 7.

Но это, конечно, не тру. Как вариант предлагаю пометить элементы к соторыми проблема классом, например "ie7-bugfix", сделать для него под ие нужные правки и снимать его (доплнять эти элементы классом "ignore-ie7-bugfix") если разрешение не подходит. Это будет более гибкий вариант для внесения последующих изменений и вы не будете мешать css с js.

marlic 30.06.2011 17:20

da_ff, благодарю за ответ.
просто вопрос стоит чтобы стиль менялся только если разрешение 1024 и браузер IE 7

можно вашу icq (есть деловое предложение)


Часовой пояс GMT +3, время: 23:09.