• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
Rohani

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

7 پست در این موضوع قرار دارد

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

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

0

به اشتراک گذاری این پست


لینک به پست

div { height:100%; }

3

به اشتراک گذاری این پست


لینک به پست

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

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

http://www.downloadha.com/

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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


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

1

به اشتراک گذاری این پست


لینک به پست

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

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

bgs.gif

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

1

به اشتراک گذاری این پست


لینک به پست

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


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

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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


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

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

ویرایش شده در توسط افشیــــــن
2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری