فاصله ی بالای عکس در نمایشگر های بزرگ و کوچک

[ravand]

سلام
این دو تا عکس را ببینید:
http://s7.picofile.com/file/8242513918/1.png
http://s6.picofile.com/file/8242513950/2.png
عکس اول در نمایشگر های بالای 767 پیکسل هست و عکس دوم در نمایشگر های پایین تر از 767 .
در عکس اول خط آبی رنگ زیر عکس دیده میشه ولی در عکس دوم نه . چون کد زیر رو بهش دادم برای همین در نمایشگر های پایین تر مخفی میشه. باید چیکار کرد؟

.img-vasath{
position:relative;
top: 30px;
z-index:2;
right:0px;
left:0px;
display:block;
max-width: 100%;
height: auto;
margin-left:auto;
margin-right:auto; border:0px;
}
به top معمولاً نمیشه درصد داد. حالا نمیدونم این مشکل رو چطوری حل کنم؟

[ravand]

مشکلم حل شد:
<script type="text/javascript"> $(function() {
var divheight = $(".img-vasath").height();
var andaze=divheight/16;
$(".img-vasath").css({ 'top': andaze });
});
function resizee() {
var divheight = $(".img-vasath").height();
var andaze=divheight/16;
$(".img-vasath").css({ 'top': andaze });
}
</script>

[ravand]

برای سازگاری با مرورگر سفری هم باید از این استفاده کرد:

$(window).on('load', function() {