تبلیغات
لذت برنامه نویسی - نمایش DIV با عرض %100 عرض صفحه مرورگر

جستجو

 

نمایش DIV با عرض %100 عرض صفحه مرورگر

جمعه 13 مرداد 1391   04:42 ب.ظ


نوع مطلب : CSS ،jQuery ،

یکی از مشکلاتی که طراحان وب گهگاه درگیر می شوند این است که می خواهند یک لایه (div) با عرض 100 درصد عرض صفحه مرورگر داشته باشند.
خود من درگیر این موضوع شدم و پس از جستجوی زیاد کدی بهتر از کد زیر پیدا نکردم ، این کد کاملاً تست شده و در تمامی مرورگرهای جواب می دهد .


<Body>  
<div id="wrapper">
        ...some content
    </div>
</body>

#wrapper{
width: 40px;
margin: 0 auto 0 auto;
}
 سپس با استفاده از jquery باقی کار انجام می شود !!
$(function(){
    $('#wrapper').css({'height':($(document).height())+'px'});
    $(window).resize(function(){
        $('#wrapper').css({'height':($(document).height())+'px'});
    });
});
به همین سادگی


نوشته شده توسط : پژمان رودخانه یی