ورود

View Full Version : ثابت نبودن div در مکان خود


bitcob589
دوشنبه 22 خرداد 1391, 14:50 عصر
با سلام
سه تا div در یک صفحه و در کنار هم وجود دارد و اطلاعات درون div ها از دیتابیس پر می شود اگر یکی از div ها اطلاعات در آن نمایش داده نشود div که در کنار آن اطلاعات در آن وجود دارد به جای div ی که در آن اطلاعات وجود ندارد می آیید چگونه می توان در صورت خالی بودن div اندازه وجای div را حفظ کرده و از حذف شدن div خالی در جای خود جلوگیری کنیم
saadatieathar
دوشنبه 22 خرداد 1391, 18:44 عصر
وثتی دایو سایز داره حتی اگر چیزی توش نباشه جاش رو دایو دیگه ای نمی گیره.
height و width به دایو بدید فکر کنم حل بشه
bitcob589
دوشنبه 22 خرداد 1391, 20:07 عصر
وثتی دایو سایز داره حتی اگر چیزی توش نباشه جاش رو دایو دیگه ای نمی گیره.
height و width به دایو بدید فکر کنم حل بشه
دایو height و width دارد
khanlo.javid
دوشنبه 22 خرداد 1391, 20:58 عصر
عزیزم یه سایز دائمی برا دیو هات تعریف کن تا با همچین مشکل هایی روبه رو نشی.
فک کنم از main-width و main-height استفاده کنی حل بشه در ضمن اگه از float استفاده کردی کد زیر رو در آخر دیو هات بهش اضافه کن.


<div style="clear:both"></div>



موفق باشید.
bitcob589
سه شنبه 23 خرداد 1391, 15:29 عصر
عزیزم یه سایز دائمی برا دیو هات تعریف کن تا با همچین مشکل هایی روبه رو نشی.
فک کنم از main-width و main-height استفاده کنی حل بشه در ضمن اگه از float استفاده کردی کد زیر رو در آخر دیو هات بهش اضافه کن.


<div style="clear:both"></div>




موفق باشید.

یعنی خاصیت clear برای هر همه div های که در صفحه وجود دارند گذاشته شود
خاصیت main-width و main-height یعنی همان width و hight است
khanlo.javid
چهارشنبه 24 خرداد 1391, 09:09 صبح
یعنی خاصیت clear برای هر همه div های که در صفحه وجود دارند گذاشته شود


دوست عزیز لازم نیست شما برای کل دیو ها از clear استفاده کنید فقط برای دیو هایی که از خاصیت float استفاده کردید . شما میتونید تاثیر clear رو تست کنید و ببیند در صورت استفاده کردن و استفاده نکردن چه اتفاقی می افته.


خاصیت main-width و main-height یعنی همان width و hight است


فک نکنم تفاوتی داشته باشن . بازم بیشتر راجع بش تحقیق کن.



موفق باشید.
Saber Mogaddas
چهارشنبه 24 خرداد 1391, 11:15 صبح
سلام
توجه کنید که باید یک دیو اصلی ، سه دیو شما روپوشش بده و با توجه به محتوای داخلش ارتفاع بگیره ؛ تا سه دیو داخلی رو ثابت نگه داره و نصبت به طول سه دیو ارتفاع بگیره. که با دادن این استایل این کار امکان پذیر هست :

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

برای مثال کد زیر 4 دیو با طول متفاوت رو در کنار هم ثابت نگه میداره..


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
body {
margin: 0;
padding: 0;
}
#Wraper {
margin: 0 auto;
width: 1000px;
overflow:hidden;
}
.Div1,.Div2,.Div3,.Div4
{
background-color: #909090;
height: 300px;
width: 200px;
float:right;
margin-left:40px;
}
.Div2
{
height: 100px;
}
.Div3
{
height: 50px;
}
.Div4
{
height: 200px;
}

</style>
</head>

<body>
<div id="Wraper">
<div class="Div1"></div>
<div class="Div2"></div>
<div class="Div3"></div>
<div class="Div4"></div>
</div>

</body>
</html>

-در صورتی که با این راهنمایی ها به جواب نرسیدین فایل صفحه مورد نظر رو ضمیمه کنید.
موفق باشید..
cyrusthegreat
دوشنبه 29 خرداد 1391, 15:59 عصر
عزیزم یه سایز دائمی برا دیو هات تعریف کن تا با همچین مشکل هایی روبه رو نشی.
فک کنم از main-width و main-height استفاده کنی حل بشه در ضمن اگه از float استفاده کردی کد زیر رو در آخر دیو هات بهش اضافه کن.


<div style="clear:both"></div>



موفق باشید.

دوست عزیز

main-width؟ این خاصیت اصلا وجود نداره؟

دوست عزیز bitcob589
وقتی شما مقدار برای width و height مشخص می کنید، دیگر عنصر div براش مهم نیست که چیزی داخلش هست یا نه. اون، طول و ارتفاعی که براش مشخص کردید رو به خودش می گیره و همونقدر می مونه.

من تنها احتمالی که میدم این هست که شما اگر اطلاعاتی واکشی نشد، کل div رو حذف می کنید. یعنی اون رو توی صفحه وارد نمی کنید. این یه حدس هست. چون داده های شما متناقض هستن.