مشکل با div و float

[xerror]

وقتی که برای مثال دو تا div توی هم بکار میبریم

<div>
	<div></div>
</div>

و به div داخلی float:right; بدیم دیگه اون div داخل div اولی نیست

<div>
	<div style="float:right;"></div>
</div>

این مشکل برای زمانیه که اگر div اول یک بکگراند داشته باشه دیگه برای div
دوم اعمال نمیشه در کل چیزی از div اول برای div دوم اعمال نمیشه.

 

[Azemati]

شما بگو چه چیزی می خواهی، شاید بهتر بشه کمک کرد.

 

[xerror]

و به div داخلی float:right; بدیم دیگه اون div داخل div اولی نیست

مشکل من اینه
باید div دوم داخل div اولی بشه، طبق توضیحی که در ادامه براش نوشتم

 

[Azemati]

به دیو اول این خصوصیت رو بده:

overflow:auto;

 

[xerror]

ممنونم از پاسختون
یکی دیگه از دوستان هم این رو گفت
میشه بگید این overflow کارش چیه؟

 

[Azemati]

ممنونم از پاسختون
یکی دیگه از دوستان هم این رو گفت
میشه بگید این overflow کارش چیه؟

خواهش. اینجا رو ببین:
http://www.w3schools.com/css/pr_pos_overflow.asp

 

[hajagha]

سلام
اين هم ترجمه همين آدرسي كه امير داد در همين انجمن.
http://forum.persiantools.com/showpost.php?p=1423210&postcount=13

 

[vahidrk]

http://www.positioniseverything.net/easyclearing.html

 

[xerror]

این روش:

<div style="overflow:auto">
	<div style="float:left"></div>
    <div style="float:right"></div>
</div>

در ie6 مشکل داره

 

[Shahed]

یه چیز بیخود !! با clear:both کلیرش کن شاید افاقه کرد !!

 

[hajagha]

سلام
یک چیز کلی بهت بگم یادت نره!! (به سبک شهر قصه!!)
وقتی عناصر داخلی رو با css استایل بندی میکنی، دیگه کجای صفحه نوشتن اون عنصر میره به الویتهای بعدی. یعنی الزاماً اینطوری نیست اگر دو تا div داخل هم گذاشتی، این دو تا داخل هم بمونند.
یک چیز دیگه هم بگم که آی ایی به طور کلی استاندارد های مخصوی به خودش رو داره و جناب مغرور خان (میکروسافت رو عرض میکنم!!) استاندارد جهانی رو کم تحویل میگیره.

پس اولین پستت اگر غیر اون نتیجه میداد تعجب بر انگیز بود. نتیجه طبیعی اون اینه که دو تا div توی هم نباشند.

اما در مورد این کد آخریت.
اگر برای div اولی یک ارتفاع تعیین کنی، مشکلش در آی ایی هم برطرف میشه.

<div style="height:۵۰px">

احتیاجی هم به overflow نداره.
به طور کلی تو اصلاً نیازی به این اوور فلو نداشتی!!

 

[xerror]

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

 

[xerror]

آقا height:100%; ;کردم درست شد.

 

[vahidrk]

آقا height:100%; ;کردم درست شد.

براي ie6 به پايين دادن ارتفاع يا پهنا مشكل رو برطرف مي كنه تا اونجايي كه من مي دونم! ولي اگه پست قبلي من رو خونده بوديد مشكلتون كامل حل مي شد.

اين هم چيزي كه شما لازم داريد:

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* mac hide \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* mac hide */

و بعد:

<div class="clearfix">
	<div style="float:left"></div>
    <div style="float:right"></div>
</div>

براي دليل انجام اين كار ها به پست 8 مراجعه كنيد.
تشكر.

 

[hajagha]

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

 

[xerror]

ولي اگه پست قبلي من رو خونده بوديد مشكلتون كامل حل مي شد.

شرمنده
زبانم زیاد جالب نیست:blush:

 

[vahidrk]

شرمنده
زبانم زیاد جالب نیست:blush:

بدتر از مال من كه نيست :blush: