تغییر اندازه div متناسب با تعداد خطوط متن داخلش؟؟ [بایگانی]

aminie

سه شنبه 04 مهر 1391, 12:45 عصر

سلام
ی سوال.
در طراحی سایتم از یک div برای قراردادن متنم استفاده کردم.تعداد خطهای متنم معلوم نیست اگرتعداد خط متنم زیاد بشه از کادر div میزنه بیرون.چه کاری باید انجام بدم که div متناسب با متن داخلش بزرگ بشه.(داخل div placeholderدارم و متن داخل placeholder قرار داره)
ممنون

aliblue

سه شنبه 04 مهر 1391, 13:30 عصر

از خاصیت min-height در css دیو مورد نظر استفاده کنید.یعنی به جای اینکه با height ارتفاع بدی،با min-height بده.در اینصورت اگه محتویات دیو مورد نظر از اندازه min-height بیشتر شد،بصورت اتوماتیک اندازه دیو هم بزرگ میشه.

aminie

سه شنبه 04 مهر 1391, 15:18 عصر

از خاصیت min-height در css دیو مورد نظر استفاده کنید.یعنی به جای اینکه با height ارتفاع بدی،با min-height بده.در اینصورت اگه محتویات دیو مورد نظر از اندازه min-height بیشتر شد،بصورت اتوماتیک اندازه دیو هم بزرگ میشه.

ممنون این کارروانجام دادم اما دیو بعدی که پایین همین دیوهست و footer هست همونجامونده و متن اومده روی footer .چه کاری باید انجام بدم که همین دیو که بزرگ میشه دیو پایینی همین دیو بره پایین تر و بعد متن نشون داده بشه؟؟

Fartaj

سه شنبه 04 مهر 1391, 15:28 عصر

سلام

شما بیا ارتفاع دیو بالایی رو روی auto بزار بعد از دیو بالایی و قبل از footer یک دیو اضافه کن و این کد رو برای استایل اون قرار بده :

clear:both;

saeed_sho

سه شنبه 04 مهر 1391, 18:57 عصر

سلام

شما بیا ارتفاع دیو بالایی رو روی auto بزار بعد از دیو بالایی و قبل از footer یک دیو اضافه کن و این کد رو برای استایل اون قرار بده :

clear:both;

این کد چکار میکنه؟ لطفا یکم توضیح بدید

Fartaj

سه شنبه 04 مهر 1391, 19:22 عصر

باعث می شه که footer زیر همه ابزارهایی که floot دارن قرار بگیره و نره زیر اونها

both : هیچ متن یا عکسی نمی تواند در دو طرف عنصر قرار بگیرد .

aminie

سه شنبه 04 مهر 1391, 20:05 عصر

سلام

شما بیا ارتفاع دیو بالایی رو روی auto بزار بعد از دیو بالایی و قبل از footer یک دیو اضافه کن و این کد رو برای استایل اون قرار بده :

clear:both;

ممنون اما امتحان کردم نشد.صفحه ای که طراحی کردم که میخوام دیوهای بعدیش بره زیر همین دیو، رو میزارم اگر میشه کمکم کنید.ممنون میشم.
فایل طراحی دیو :
93254

ممنون میشم اگر کمکم کنید.

kingmech

سه شنبه 04 مهر 1391, 21:01 عصر

شما باید دیو پایینی رو فاصلش رو از طریق مارگین با دیو بالایی مشخص کنی

Fartaj

سه شنبه 04 مهر 1391, 21:21 عصر

شما مشکلتون در استفاده از position هست !!

شما وقتی می خوای ستون هایی رو کنار هم قرار بدید باید از float استفاده کنید شما با قرار دادن position :absolute در واقع دارین موقعیت مطلق به اون دیو می دید این یعنی اینکه اگه حتی ارتفاع دیو بالایی بیشر شد یازم از جات تکون نخور از position زمانی استفاده می کنند که می خوان لایه ها رو رو هم بندازند یا موقعیت دهی خاص بکنند . مثلا برای سه ستونه از کد css زیر می تونید استفاده بکنید :

.right
{
margin-top:4px;
margin-right:5px;
float:right;
width:180px;
margin-bottom: 0px;
}
.left
{
margin-top:4px;
margin-left:5px;
float:left;
width:180px;

}

.center
{
margin-top:25px;
margin-right:5px;
margin-left:5px;
width:530px;
float:left;
}

aminie

جمعه 07 مهر 1391, 13:48 عصر

شما مشکلتون در استفاده از position هست !!

شما وقتی می خوای ستون هایی رو کنار هم قرار بدید باید از float استفاده کنید شما با قرار دادن position :absolute در واقع دارین موقعیت مطلق به اون دیو می دید این یعنی اینکه اگه حتی ارتفاع دیو بالایی بیشر شد یازم از جات تکون نخور از position زمانی استفاده می کنند که می خوان لایه ها رو رو هم بندازند یا موقعیت دهی خاص بکنند . مثلا برای سه ستونه از کد css زیر می تونید استفاده بکنید :

.right
{
margin-top:4px;
margin-right:5px;
float:right;
width:180px;
margin-bottom: 0px;
}
.left
{
margin-top:4px;
margin-left:5px;
float:left;
width:180px;

}

.center
{
margin-top:25px;
margin-right:5px;
margin-left:5px;
width:530px;
float:left;
}

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