PDA

View Full Version : مبتدی: قرار گرفتن دو تا div در زیر هم



hjran abdpor
جمعه 31 تیر 1390, 13:58 عصر
با سلام به دوستان
میخواستم ببینم چه جوری دو تا div را زیر هم گذاشت! من این کد را نوشتم ولی دومی به هیچ وجه ی زیر اولی قرار نمیگیره :

#right
{

border-left: 2px solid #5E5945;
border-right: 2px solid #5E5945;
font-size: 10pt;
padding:10px;
float:right;
width:20px;
height:20px;
}
#right2
{

float: right;
margin: 90px 0px 55px 45px; فکر کنم مشکل اینجا باشه!!!!!!!!!!!!
padding: 10px;
width:20px;
height:20px;
border-left: 2px solid #5E5945;
border-right: 2px solid #5E5945;
}

AMIBCT
جمعه 31 تیر 1390, 14:23 عصر
وقتی شما برای div مشخصه‌ی float تعریف می‌کنید
و شیء رو به سمت راست پنجره منتقل می‌کنید، دیگه در محل اصلی خودش که زیر هم هست نمایش داده نمی‌شه

قبل از شروع طراحی باید مطالعه کنید
و یاد بگیرید که هر دستور css چه اثراتی داره

در این مورد بهترین کار اینه که یه div اصلی داشته باشید که خاصیت float داره
و دو div داخلش باشن بدون دستکاری خصوصیات css
این طوری زیر هم نمایش داده می‌شن

debugger
یک شنبه 02 مرداد 1390, 09:43 صبح
.Div1
{
position: absolute;
width: 503px;
height: 221px;
z-index: 1;
right: 271px;
top: 69px;
background-color:#FFFF00
}
.Div2
{
position: absolute;
width: 478px;
height: 188px;
z-index: 1;
right: 11px;
top: 15px;
background-color:#00FFFF
}

hjran abdpor
یک شنبه 02 مرداد 1390, 16:04 عصر
میشه یه ذره توضیح بدین که چه کار کردین ؟؟؟؟؟؟؟؟

erfansmart
سه شنبه 01 شهریور 1390, 01:54 صبح
فقط کد float رو بر داشت به همین سادگی:قهقهه: