PDA

View Full Version : سوال: مشکل در نمایش پس زمینه



soheil1994
یک شنبه 22 تیر 1393, 17:58 عصر
سلام دوستان، من کارمو تازگیا شروع کردم و با css به یه مشکل برخوردم.
یه div مادر دارم که استایل پس زمینه داره و ارتفاع (height) بر روی auto قرار داره.
وقتی یه div دیگه داخلش ایجاد میکنم که شامل سایدبار هست باید پس زمینه رو تا انتهای ساید بار نمایش بده در صورتی که چنین اتفاقی نمی افته اصلا پس زمینه رو نشون نمیده.
و وقتی که من height رو از رو حالت auto بر میدارم و بهش یک مقدار میدم (مثلا 100px) پس زمینه رو نشون میده. مشکل کجاست به نظرتون؟
ممنون بابت وقتی که میذارید

این ID دیو مادر



#wrapper
{

width:998px;
height:1px;
background:#8a8a8a;
border-radius:10px;
margin-right:11px;
margin-top:5px;

}



اینم php


<div ID="wrapper">
<div ID="sidebar-right">
<div class="sidebar">
<div class="sidebar-title">
<li>سایدبار</li>
</div>
<div class="sidebar-content">
<li>متن آزمایشی</li>
</div>
</div>
</div>

</div>

farzadyazdan
یک شنبه 22 تیر 1393, 18:50 عصر
شما احتمالا از خاصیت float برای اسلایدرتون استفاده کردین و احتمالا این مشکل به خاطر همین هست راحل این هست که شما یک کلاس کمکی ایجاد کنید مثل زیر


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

الان کاری که باید انجام بدین اینه که یک div با کلاس clearfix در انتهای سایدبار قرار بدین
به این شکل:




<div ID="wrapper">

<div ID="sidebar-right">
<div class="sidebar">
<div class="sidebar-title">

<li>سایدبار</li>
</div>
<div class="sidebar-content">
<li>متن آزمایشی</li>
</div>
</div>
</div>
<div class="clearfix">

</div>

soheil1994
دوشنبه 23 تیر 1393, 12:28 عصر
خیلی ممنون مشکلم حل شد
overflow:hidden رو به wrapper دادم درست شد.