مشکل ارتفاع li در لود شدن صفحه در فایرفاکس و برطرف شدن آن با refresh صفحه

[aamini2]

سلام به همه
من یه سوال داشتم ؟
من کارشناس شبکه یه سازمانی هستم (خیلی به جاوااسکریپت و برنامه نویسی وب وارد نیستم).
ما یه پورتال داریم که این وقتی برای اولین بار که صفحه اولش باز میشه (یا اگه CTR+F5) بزنیم ارتفاع li که با یک کد جاوا داینامیک تولید میشه 210 ست میکنه ولی وقتی یه رفرش یا F5 کنی صفحه رو درست میشه و سایز 75 برمیگردونه میخواستم ببینم کسی میتونه کمکم کنه ؟ فقط هم توی فایرفاکس اینجوری میشه:گریه:

کد جاوا اسکریپت این هستش


(function ($) { $.fn.jCarouselLite2 = function (o) { o = $.extend({ btnPrev: null, btnNext: null, btnGo: null, mouseWheel: false, auto: null, speed: 0, easing: null, vertical: false, circular: false, visible: 3, start: 0, scroll: 0,pauseOnHover: true, beforeStart: null, afterEnd: null }, o || {});
return this.each(function ()
{ var b = false, animCss = o.vertical ? "top" : "left", sizeCss = o.vertical ? "height" : "width";
var c = $(this), ul = $("ul", c), tLi = $("li", ul), tl = tLi.size(), v = o.visible; if (o.circular)
{ ul.prepend(tLi.slice(tl - v - 1 + 1).clone()).append(tLi.slice(0, v).clone()); o.start += v }
var f = $("li", ul), itemLength = f.size(), curr = o.start; c.css("visibility", "visible");
f.css({ overflow: "hidden", float: o.vertical ? "none" : "left" });
ul.css({ margin: "0", padding: "0", position: "relative", "list-style-type": "none", "z-index": "1" });
c.css({ overflow: "hidden", position: "relative", "z-index": "2", left: "0px" });
var g = o.vertical ? height(f) : width(f); var h = g * itemLength; var j = g * v;
f.css({ width: f.width(), height: f.height() });
ul.css(sizeCss, h + "px").css(animCss, -(curr * g));
c.css(sizeCss, j + "px"); if (o.btnPrev) $(o.btnPrev).click(function ()
{ return go(curr - o.scroll) });
if (o.btnNext) $(o.btnNext).click(function ()
{ return go(curr + o.scroll) });
if (o.btnGo) $.each(o.btnGo, function (i, a) { $(a).click(function ()
{ return go(o.circular ? o.visible + i : i) }) }); if (o.mouseWheel && c.mousewheel) c.mousewheel(function (e, d)
{ return d > 0 ? go(curr - o.scroll) : go(curr + o.scroll) }); if (o.auto) setInterval(function ()
{ go(curr + o.scroll) }, o.auto + o.speed); function vis()
{ return f.slice(curr).slice(0, v) }; function go(a) { if (!b)
{ if (o.beforeStart) o.beforeStart.call(this, vis()); if (o.circular)
{ if (a <= o.start - v - 1) { ul.css(animCss, -((itemLength - (v * 2)) * g) + "px");
curr = a == o.start - v - 1 ? itemLength - (v * 2) - 1 : itemLength - (v * 2) - o.scroll }
else if (a >= itemLength - v + 1) { ul.css(animCss, -((v) * g) + "px"); curr = a == itemLength - v + 1 ? v + 1 : v + o.scroll }
else curr = a } else { if (a < 0 || a > itemLength - v) return;
else curr = a } b = true;
ul.animate(animCss == "left" ? { left: -(curr * g) } : { top: -(curr * g) }, o.speed, o.easing, function ()
{ if (o.afterEnd) o.afterEnd.call(this, vis()); b = false });
if (!o.circular) { $(o.btnPrev + "," + o.btnNext).removeClass("disabled");
$((curr - o.scroll < 0 && o.btnPrev) || (curr + o.scroll > itemLength - v && o.btnNext) || []).addClass("disabled") } } return false } }) };
function css(a, b) { return parseInt($.css(a[0], b)) || 0 };
function width(a) { return a[0].offsetWidth + css(a, 'marginLeft') + css(a, 'marginRight') };
function height(a) { return a[0].offsetHeight + css(a, 'marginTop') + css(a, 'marginBottom') } })(jQuery);


ممنون

[plague]

براش یه کد css بنویس که ارتفاع مکزیممش 75 باشه

[sinoser]

این کدی که تو نوشتی که که باید 1 ساعت یکی بشینه بخونه تا بفهمه که هیچ کس بیکار نیست
اما همون طور که plague گفت بهتره با css فیکسش کنی یه inspect element بگیر از عنصرت ای دی یا بیاب .مثلا من امدم واس li های داخل ul که کلاسش list هست کد زدم

ul.list li{
height: 75px !important;
max-height: 75px !important;
}