چطور میشه ارتفاع div با اضافه شدن متن داخلش بیشتر بشه؟

[sarapepors]

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

[ravand]

براي div فقط عرض بذار و ارتفاع نذاز . خودش ارتفاعش زياد ميشه . بايد داخل div از تگ مختصص موتور قالب سايت استفاده كني. مثلاً توي بلاگفا از اين دو تگ باز و بسته بين div باز و بسته استفاده ميشه :

<BLOGFA>
</BLOGFA>

[cyrusthegreat]

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

دوست عزیز

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

[Saber Mogaddas]

سلام
ارتفاع دیو رو با min-height هر چند که دوست داری بده..البته زیاد نه..تک رقمی..
بعد overflow:hidden; قرار بده به همین راحتی..
برای مثال :


width:250px;
min-height:10px;
float:right;
overflow:hidden;

موفق باشی..

[sarapepors]

سلام . متشکرم از همگی . min height در ie هم تاثیر گذار هست؟

[mamali-mohammad]

سلام . متشکرم از همگی . min height در ie هم تاثیر گذار هست؟


آره جواب میده


بعد overflow:hidden; قرار بده به همین راحتی..
داداش بدون این دستور هم کار جواب میده

[Saber Mogaddas]

داداش بدون این دستور هم کار جواب میده

سلام
بله جواب میده ..ولی چون من کد ایشون رو ندیدم..برای احتیاط نوشتم واسش ..overflow تو دیوهای تو در تو که min-height مشکل داره مشکل رو حل میکنه..
موفق باشید..

[sarapepors]

سلام
بله جواب میده ..ولی چون من کد ایشون رو ندیدم..برای احتیاط نوشتم واسش ..overflow تو دیوهای تو در تو که min-height مشکل داره مشکل رو حل میکنه..
موفق باشید..
متشکرم من هم اتفاقا از div های تو در تو استفاده کرده بودم.

[SianiD]

دوستان منم همچین مشکلی دارم اما مشکلم حل نشد . footer رو چیکار باید کرد ؟

[ravand]

خوب footer رو معمولا بهش اندازه اي ميدن. ارتفاع هم بستگي به قالب شما داره كه چجوري ميخواي باشه. ولي معمولاً من يكي توي كدنويسيم اندازه براش نميذارم.

[SianiD]

82241

ببین اینجوریه قالبم چیکارش کنم؟؟؟؟ :ناراحت:

[ravand]

فكر ميكنم بايد كدهات رو بذاري اينطوري نميشه فهميد

[SianiD]

فوتر همونیه که بعد از متن و ایناس ، پایین اونجایی که قراره تکرار شه

[SianiD]

<div class="matn">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />ujhu<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />uhu<br /><br /><br /><br /><br /><br />dfsdfsfd
</div>
<div class="loop_">
<img id="loop" src="images/loop.png" width="1024" height="1" alt="" />
</div>
<div class="down_">
<img id="down" src="images/down.png" width="1024" height="33" alt="" />


</div>





div.matn {
position:relative;
left:24px;
top:58px;
width:383px;

min-height:676px;
overflow:hidden;
}

div.loop_ {

position:relative;
height:100%;
background-image:url(orjanselc/images/loop.png);
clear:both;
display:block;
overflow:auto;
}

div.down_ {
position:absolute;
left:0px;
/*top:735px;*/
bottom:10px;
width:1024px;
height:33px;
clear:both;
display:block;
overflow:auto;

}

[SianiD]

مشخص بود ؟

[SianiD]

یه تیکه رو چیدم که کش بیاد ، فوتر زیرش هم که یه عکس هست حالا کدش رو نمیدونم چیکار کنم

[Saber Mogaddas]

سلام
این کد هایی که گذاشتی عکس دارن اینجوری نمیشه که معلوم نیست اصلا چه خبره..اگه می خواهید به صورت خصوصی فایلتون رو بدید تا چک کنم..موفق باشی..

[Saber Mogaddas]

سلام
من کد های شما رو نگاه کردم..قسمت راست که متنش امکان داره بزرگ شه..طرح شما هم کتابی هست یعنی اگه سمت چپ دراز شه دفرم میشه..من سمت راست رو توری تنظیم کردم که وقتی متن دراز تر از اون قسمت شد اسکرول پیدا کنه..اینجوری بهتر عمل خواهد کرد..
این کد رو به صورت زیر تغییر بدید..

div.matn {
height: 660px;
left: 24px;
overflow-y: scroll;
position: relative;
top: 58px;
width: 383px;


}



نه اگه منظورتون یه طور دیگه هست بیشتر توضیح بدید..
موفق باشی..

[SianiD]

نه اگه منظورتون یه طور دیگه هست بیشتر توضیح بدید..
موفق باشی..
سلام و مرسی
اینجوری خوبه کارم راه میوفته ، اما واسه اینکه یاد بگیرم میپرسم اینو :
یه div هست که اسمش رو loop گذاشت ، میشه این تکرار بشه بیاد پایین ؟

[Saber Mogaddas]

میشه ولی div loop کلا الان که نگاه کردم تو پروژت کارایی نداره..با min-height و overflow:hidden می تونی اینکارو بکنی..
موفق باشی..

[SianiD]

میشه ولی div loop کلا الان که نگاه کردم تو پروژت کارایی نداره..با min-height و overflow:hidden می تونی اینکارو بکنی..
موفق باشی..
یه مشکل دیگه هم داشتم ، من تازه با دایو شروع به کار کردم قبلا از تیبل استفاده میکردم .
با Table وقتی میخواستم که کل طراحی وسط قرار بگیره این کد رو مینوشتم :

body,table {
background-color:#ffffff;
font-family: Tahoma;
margin: 0 auto;

}

حالا واسه Div هم اینو مینویسم اما چیدمان صفحه میریزه به هم :

body,div {
background-color:#ffffff;
font-family: Tahoma;
margin: 0 auto;

}

[SianiD]

اگر هم راه دیگه ای داره لطفا راهنمایی کنید مرسی

[Saber Mogaddas]

سلام
واسه اینکه وسط قرار بگیره .. margin:auto و این کد که شما نوشتید یعنی margin :0 auto; صفر باعث میشه که از بالا و پایین margin به صورت پیش فرض نگیره..که وقتی از css reset زیر استفاده کنی مشکل حل میشه..و نیاز به صفر نیست.

*
{
margin:0;
padding:0;
}


موفق باشی..

[SianiD]

نشد :( بازم میچسبه گوشه صفحه

[colors]

نشد :( بازم میچسبه گوشه صفحه

درود

در این حالت باید position:relative باشه

[SianiD]

درود

در این حالت باید position:relative باشه
مرسی از پاسختون . نشد داداش

[yones_safari]

مرسی از پاسختون . نشد داداش
دادا باید

margin: 0px auto;
و float رو مقدار دهی نکنی تا وسط بیاد.راه دیگه ای نداره.

[SianiD]

margin: 0px auto;

مرسی داداش درست شد . ممنون از دوستان

[khanlo.javid]

با سلام

شما باید به دایو تگی که میخوایید داخلش متن بنویسیدو با اضافه شدن متن ارتفاعش بیشتر بشه تو قسمت استایل دایو گزینه height رو استفاده نکنی وگرنه طراحیت بهم میخوره.


موفق باشید.