رفتن به مطلب

ارتقاع 100% به div ها


پست های پیشنهاد شده

سلام چه طوری به div ها ارتفاع 100% بدم؟

تا جایی که پر باشه ارتفاعش میشه. یعنی auto میشه.

لینک به ارسال

درست متوجه منظورتون نشدم.

sidebar سمت راست سایت زیر رو ببینید.

http://www.downloadha.com/

تا آخر صفحه ادامه داره حتی اگه ابزارکی استفاده نشده باشه

پ.ن: باید از تگ html شروع کنید تا div مورد نظر

این کد را میدم ولی مثل auto عمل میکنه

لینک به ارسال

اگر میخواهید توی یک div یا هر تگ دیگه ارتفاع هم auto یعنی اتوماتیک باشه هم یک اندازه دلخواه داشته باشه با padding-bottom بهش اندازه بدید اینطوری قابلیت Auto رو هم داره .


div { height:100%;padding-bottom:80px; }

لینک به ارسال

از تگ html تا div مورد نظر یعنی هر چی تگ تو این مسیر هست باید ارتفاع 100 در صد داشته باشن.

اونیم که در دانلودها هست . بکگراند هست که در ورتیکال تکرار شده

bgs.gif

به روش شما مشکل حل شد.

لینک به ارسال

اگر این روش توی استایلهای دیگتون مشکلی ایجاد کرد (بستنگی به پوزیشنشون داره) از جی کوئری هم می تونید کمک بگیرید


<script type="text/javascript">
$(document).ready(function() {
var h = $(window).height();
$("div.myDiv").height(h);
})
</script>

لینک به ارسال

یه روش دیگه هم اینه که یک div بسازید و مثلا کلاس زیر رو براش در نظر بگیرید.


.rightc{width:220px;background:#38393C;padding-bottom:999999px;margin-bottom:-999999px;}

و این div رو بعد از اتمام سایدبار مورد نظر قرار بدید.البته یک صفت باید حتما وجود داشته باشه تا این روش درست کار کنه.div مادر صفحه یا سایدبار و این div باید خاصیت overflow:hidden داشته باشه.

ویرایش شده توسط افشیــــــن
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...