Подскажите, пожалуйста, почему код ниже не работает в некоторых старых браузерах?
Даже не очень старых...
Только в самых новых работает.
То есть у меня картинки не принимают тот height и width, которые должны принимать.
function resize() {
var $winheight = '';
var $winwidth = '';
var $marge ='';
var $winheight = $(window).height();
var $winwidth = $(window).width(); // console.log($winwidth);
$borheight = $winheight/4.0;
$rezheight = $winwidth/50;
$logoheight = $winwidth/7;
$myswidth = $winwidth/2;
if ($winheight>$myswidth) {
$res = $winheight-$myswidth;
$result = $res/20;
$result2 = 88-$result;
console.log($result2);
$("#right").css('left', $result2+'%');
}else{
$("#right").css('left', '88%');
}
if ($winwidth<550) {
$("#middleleft img").css('width', '70%');
$("#middleleft img").css('width', 'auto 9');
$("#middleleft img").css('height', 'auto');
$("#middleleft img").css('max-width', '100%');
$("#middleleft img").css('float', '88%');
$("#middleright img").css('width', '70%');
$("#middleright img").css('width', 'auto 9');
$("#middleright img").css('height', 'auto');
$("#middleright img").css('max-width', '100%');
$("#middleright img").css('float', '88%');
}
$(".bordimg").attr({ height: Math.round($borheight).toFixed(1) +"px" });
$(".bordimg").attr({ width: Math.round($borheight).toFixed(1) +"px" });
$(".rez").attr({ height: Math.round($rezheight).toFixed(1) +"px" });
$("#logo").attr({ height: Math.round($logoheight).toFixed(1) +"px" });
$(".logo").attr({ height: Math.round($logoheight).toFixed(1) +"px" });
var $img = $('#middleleft img');
var widthleft = $("#middleleft").width();
$img.load(function(){
var widthimg = $(this).width();
if (widthimg>widthleft) {
$(this).removeAttr("width").removeAttr("height").css({ width: "", height: "" });
widthimg = widthleft/1.15;
$(this).width(''+widthimg+'');
}
})
}