مشکل با div و float

[xerror]

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

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

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

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

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

 

[peyman1987]

دوست عزیز این رو امتحان کنید

<DIV Style="overflow:auto">
         <div></div>
</DIV>

 

[xerror]

ممنون
درست شد !
فقط میشه بگید این overflow کارش چیه؟

 

[WindowsLab]

سلام
Overflow وظیفه کنترل اینکه "چه رخداده است؟" را بر عهده دارد.
اگر محتویات داخل تگ سر ریزشد، چه اتفاقی بیفتد؟
- Auto : اتخاذ بهترین تصمیم برعهده CSS
- Scroll : نمایش میله ScrollBar جهت پیمایش محتویات
- Hidden : پنهان شود
- Visible : آشکار شود

یاعلی
موفق باشید

 

[xerror]

ممنون از دوستان ولی این روش overflow تو ie6 مشکل داره

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

 

[peyman1987]

دوست عزیز ناراحت نباش شما یه مرد بگو که IE باهاش مشکل نداشته باشه. مهم نیست حل میشه

شما برای DIV اولت width:100% یا اگه نمیخوای width:auto بنویس

انشاالله اگه خدا بخواد و مایکروسافت راضی باشه حل میشه

 

[xerror]

پیمان جان دستت درست
من height:100%; کردم مشکلم درست شد البته به همراه overflow

 

[Ali_ix]

پیشنهاد میکنم این مطلب رو کامل بخونید: http://css.maxdesign.com.au/floatutorial/

هیچ وقت فراموش نکنید که هر floatی باید به نحوی clear بشه!
مثلا:

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