مشکل عجیب با float

[mr.zenith]

با سلام خدمت دوستان
مشکل خیلی عجیبی دارم
من کل سایت را در یک تگ wrap با پهنای 1000px قرار دادم
حالا توی ایت تگ تگهای دیگه مثل content و... وجود داره
اما مشکل اینه که هر المنت که توی صفحه دارای خصیصه float بشه از wrap و حتی body خارج میشه :متعجب: که این موضوع را باfirebug چک کردم.
علت این موضوع چیه و چطور باید حلش کنم؟؟:متفکر:
ممنون :خجالت:

[saadatieathar]

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

[Saber Mogaddas]

سلام
احتمال زیاد مشکل شما از استایل دیو wrap باشه ..
برای مثال من یه دیو Wraper ساختم


<div id="Wraper">
<div class="Div1"></div>
<div class="Div1"></div>
<div class="Div1"></div>
<div class="Div1"></div>
</div>

و دیو هامو با Float تو اون جای دادم ..

body {
margin: 0;
padding: 0;
}
#Wraper {
background: #EEE;
margin: auto;
width: 960px;
height: 400px;
}
.Div1
{
background-color: #909090;
height: 300px;
width: 200px;
float:right;
margin-left:40px;
}

توجه کنید که مقدار پیش فرض یا Selector دیگه ای به دیو wrap یا تگ های داخل دیو اشاره نکنه..
موفق باشی..

[mr.zenith]

سلام
مواردی که فرمودید چک کردم نبود
سعی کردم توی لینک زیر سایت را آپلود کنم.فقط عکسها لود نمیشه ولی میشه تمام محتوا وcss را با firebug دید.
shop.lionaweb.com

[Saber Mogaddas]

سلام
استایل content# رو به صورت زیر تغییر بدید..

#content {
min-height: 100px;
overflow: hidden;
width: 100%;


}



header و content داخل یه دیو Wraper قرار بدید..که قرار دادید
و در نهایت به header و Content استایل float:right; رو اضافه کنید.
موفق باشی..

[mr.zenith]

وقتی به header , content float:right میدم که کل صفحه از wrap خارج میشه.
اما اگر float ندم تا قبل فوتر توی wrap هست

[Saber Mogaddas]

سلام
تنها با این استایل در قسمت content هم مشکلتون حل میشه :

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



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

[mr.zenith]

با تشکر با کمک Saber Mogaddas (http://barnamenevis.org/member.php?225107-Saber-Mogaddas) حل شد