ارتفاع اتوماتیک در css

[aliblue]

سلام.اگه بخواهیم یه عنصر مثلا div هنگامی که عناصر داخلش زیاد شدن،ارتفاعش اتوماتیک زیاد بشه،ولی حداقل هم داشته باشه.مثلا اگه توش هیچی نبود یا کم بود،تا 100px ارتفاع رو داشته باشه و اگه بیشتر هم شد متناسب با محتویاتش بزرگ تر بشه.
این حداقل رو نمی دونم چطوری باید بذارم.
با تشکر

[Mohsen.]

با استفاده از min-height مثلا:

width:100%;
min-height:500px;
float:right;
background:#fec901;

[aliblue]

با تشکر.یه سوال دیگه دارم.وقتی اندازه یک عنصر که عکس پس زمینه داره رو به درصد میدیم،اگه مرورگر کوچک بشه،کادر عکس هم کوچک میشه نه خود عکس.یعنی قسمتی از عکس دیده نمیشه.چکار باید کرد که خود عکس هم کوچک بشه؟

یه نمونه هم اینجاست:
http://www.acer.ae/ac/en/AE/content/home

[aliblue]

با تشکر.یه سوال دیگه دارم.وقتی اندازه یک عنصر که عکس پس زمینه داره رو به درصد میدیم،اگه مرورگر کوچک بشه،کادر عکس هم کوچک میشه نه خود عکس.یعنی قسمتی از عکس دیده نمیشه.چکار باید کرد که خود عکس هم کوچک بشه؟

یه نمونه هم اینجاست:
http://www.acer.ae/ac/en/AE/content/home

کسی نمیدونه؟

[aliblue]

یه سوال دیگه در مورد ارتفاع دارم.مثلا دو تا div داریم یکی برای مطالب سایت یکی هم در پایینش برای footer.می خواهم وقتی داخل divمطالب متنی قرار نداشت یا کم بود footer باز هم در پایین مرورگر نمایش داده بشه.مثلا min-height دیو مطالب رو برابر 700 پیکسل قرار میدم.اگه مرورگر در حالت بزرگ(Maximize)باشه درست نشون داده میشه ولی اگه کوچک باشه،کاربر باید اسکرول کنه و بره پایین تا footer رو ببینه.اگه هم اندازه رو به درصد بدم اعمال نمیشه و انگار اصلا min-height ندادم بهش.مثل عکس زیر:
92852

[emad4000]

با تشکر.یه سوال دیگه دارم.وقتی اندازه یک عنصر که عکس پس زمینه داره رو به درصد میدیم،اگه مرورگر کوچک بشه،کادر عکس هم کوچک میشه نه خود عکس.یعنی قسمتی از عکس دیده نمیشه.چکار باید کرد که خود عکس هم کوچک بشه؟

یه نمونه هم اینجاست:
http://www.acer.ae/ac/en/AE/content/home

آدرسی که شما دادین از تکنیک Responisve Design استفاده می کنه، یعنی بسته به رسانه ای که باهاش دارین صفحه سایت رو می بینین و اندازه صفحه اون، فایل CSS ای که ازش استفاده می کنین، عوض میشه
بنابراین نحوه نمایش عناصر هم عوض میشه

[SlowCode]

سلام
من یه مشکلی دارم با این Auto دارم، وقتی ارتفاع content رو اتو میکنم اندازش به حداقل میرسه! در صورتی که داخلش چندین Div دیگه هست. البته وقتی پوزیشن content رو روی absolute تنظیم میکنم ارتفاعش درست میشه ولی می چسبه به سمت چپ در صورتی که margin:auto رو نوشتم!
این هم آدرس سایت (http://barnamenevis.org/asalkadeh.xzn.ir)

[emad4000]

من یه مشکلی دارم با این Auto دارم، وقتی ارتفاع content رو اتو میکنم اندازش به حداقل میرسه! در صورتی که داخلش چندین Div دیگه هست.

وقتی ارتفاع رو auto میگذارین، ارتفاع به صورت خودکار برابر با ارتفاع محتویات داخلش میشه، احتمالا اون div های داخل content هم خالی هستند. شما یا باید داخلش رو از محتویات پر کنین تا ارتفاعش بیشتر بشه و یا از min-height استفاده کنین


البته وقتی پوزیشن content رو روی absolute تنظیم میکنم ارتفاعش درست میشه ولی می چسبه به سمت چپ در صورتی که margin:auto رو نوشتم!

وقتی پوزیشن یک div رو برابر با absolute بگذارین، یعنی می خواین دقیقاً مکان اون رو مشخص کنین، دیگه وسط چین شدن براش معنی نداره، چون مکان ثابت و مشخصه



این هم آدرس سایت (http://barnamenevis.org/asalkadeh.xzn.ir)

تو سایت چیزی مربوط به مطلبی که گفتیم ندیدم

[SlowCode]

چرا دیگه...
Div#content همون قسمت خاکستری که مطالب توش نوشته شدن(سه تا مطلب هست توش) اون رو میگم. حالا اگه یکی از مطالب رو باز کنی اندازه صفحه ثابته. اینو میخوام Auto باشه.

[emad4000]

چرا دیگه...
Div#content همون قسمت خاکستری که مطالب توش نوشته شدن(سه تا مطلب هست توش) اون رو میگم. حالا اگه یکی از مطالب رو باز کنی اندازه صفحه ثابته. اینو میخوام Auto باشه.

مشکل طراحی شما اینه که عناصری که کلاس post و post-body دارن به سمت چپ float هستند
به همین دلیل اندازه شون هیچ تاثیری در اندازه content نداره
برای رفع مشکل float این دو عنصر رو حذف کنین و ارتفاع content رو برابر با Auto بگذارین. از اونجایی که topic خودش float به چپ هست، خودبخود اون کنار می ایسته و مطالب شما هم سرجای خودشون قرار می گیرن
موفق باشید