PDA

View Full Version : سوال: قرار گرفتن div داخلی در div-main



mohammad kafiyan
چهارشنبه 28 فروردین 1392, 20:33 عصر
سلام به دوستان من یک div-main دارم که داخل اون دوتا div به صورت پشت سرهم (به صورت عمودی قرار دارند)
حالا می خوام div اولی (header) در div-main به اندازه مثلا 20px پایین بیاد ؟؟؟
از چه کدی استفاده کنم
فقط کادر مشکی رنگ div-main که شامل سه قسمت تصویر
کدهاش:


#top_main
{
background: url(image/top_main.png)no-repeat scroll top;
width: 990px;
height: 17px;



}

#middle_main
{
background:url(image/middle_main.png)repeat-y;
width: 990px;
min-height:900px;

}


#bottom_main
{
background: url(image/bottom_main.png)no-repeat scroll bottom;
width: 990px;
height: 17px;


}

کدهای header


#header
{

width: 930px;
height: 150px;
background:url(image/Untitled-4.jpg) no-repeat;
margin:0px auto;
background-position: center center;
}

kordestan
چهارشنبه 28 فروردین 1392, 21:06 عصر
سلام..
میتونی از این کد استفاده کنی :
margin: 20px
موفق باشی

qartalonline
چهارشنبه 28 فروردین 1392, 21:13 عصر
تکمیل کد:
margin-top:20px;

mohammad kafiyan
چهارشنبه 28 فروردین 1392, 23:32 عصر
با تشکر به دوستان من خودم قبلا دستور margin استفاده کردم ولی همنطور که گفتم div-main من از سه قسمت (3 تیکه تصویر )تشکیل شده و وقتی
margin-top:20px; را اعمال می کنم قسمت بالای(قسمت اول تصویر) div-main جدا می شه از دو قسمت دیگر فقط تنها را استفاده از این دستور به من جواب داد
position: relative; top: 10px;

2undercover
پنج شنبه 29 فروردین 1392, 07:37 صبح
راستش من که نفهمیدم چه مشکلی پیش میاد وقتی از margin استفاده می کنید!

حالا شما به div-main تون این استایل رو بدید ببینیدهمون مشکل هست یا نه:

padding-top: 20px;

mohammad kafiyan
پنج شنبه 29 فروردین 1392, 09:54 صبح
با تشکر به دوستان ببینید
کادر مشکی رنگ دور تا دور صفحه من هست که همان div-main(از سه قسمت تصویر تشکیل شده قسمت بالایی و قسمت میانی و قسمت پایینی که کدهاش در تایپیک اول و در box اول قرار دادم)
2 div داخلی دارم همانطور که در تصویر مشخص است :
headerودیگری کادر سفید رنگ که بعداز head آمده
حالا زمانی که margin-top دادم div-header پایین می آید ولی قسمت اول تصویر div-mainجدا میشه وفاصله می افته
اگر هم padding-top برای div-header استفاده می کنم بدون مشکل div-heder پایین می آید ولی می آید یک فاصله بین div-header و div دوم می اندازد نمی دونم چرا؟؟؟

kordestan
پنج شنبه 29 فروردین 1392, 11:10 صبح
دوست عزیر شما کد html ش رو هم بذار که راحتتر بتونیم کمکت کنیم...شاید مشکل از اونجا باشه