سوال درباره اعمال رنگ

[sarabb]

سلام.
من برای طراحی یه قالب با مشکل مواجه شدم.
من برای تگ بادی برای بکگراندش یه رنگ گزاشتم.
حالا یه تو سی اس اس یه آی دی میسازم با نام main و برای بکگراند این آی دی هم یک رنگ دیگه میزارم.
وقتی یه دی آی وی رو با آی دی main تو بادی میزارم مشکلی نیست ولی اگر یه دی آی وی دیگه بزارم تو main، رنگ mian نشون داده نمشه!!!!
در واقع وقتی سه تا DIV تو هم قرار میگیرن ، وسطی رنگش نشون داده نمیشه!
نمیدونم تونستم منظورمو برسونم یا نه ؟!!!
اگر امکانش هست راهنماییم کنید.

 

[vahidd.com]

کدتون رو قرار بدید.

 

[echessdesign]

درود
هر 3 div یک سایز دارند؟

 

[sarabb]

کد هایی که توی سی اس اس به کار بردم :

[CSSS]body {
background-image: url(../image/noise.png);
font-family:tahoma , Georgia, serif;
color: #555;
font-size: 12px;
line-height: normal;
background-color: #AAA;
direction: rtl;
}[/CSSS]

[CSSS]#main {
background-color:#DDD ;
box-shadow: inset 0 0 5px #666;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
margin: 0 auto;
padding: 0px;
width: 960px;
direction: rtl;
text-align: right;
background-image: url(../image/main.JPG);
background-repeat: repeat;
background: url(../image/main.JPG) repeat;
}

[/CSSS]

[CSSS]
#box-r1 {
background-color:#DDD ;
box-shadow: inset 0 0 10px #666;
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
text-align:right;
padding:15px;
border: 1px solid #A39DA6;
}[/CSSS]
​

وقتی از این سه آی دی برای سه دایو تو در تو استفاده میکردم رنگ مربوط به دایو وسط اعمال نمیشد!
به عبارتی فقط رنگ بادی و box-r1 اعمال میشدند و رنگ یا ایمیجی که به main میدادم اعمال نمیشد!

 

[sarabb]

اینم از عکس صفحه مربوطه :

 

[websaz2012]

خوب دوست عزیز اگه شما به یک ایدی عرض ندهید عرض ان برابر با عرض مادرش خواهد بود یعنی عرض ایدی box-rl دقیقا برابر با عرض main خواهد بود جوری که اون را کاملا خواهد پوشاند پس عرض ایدی box-r1 را کمتر از ایدی main قرار دهید یعنی کمتر از 960 یا به به ایدی main شما padding دهید .همین

 

[sarabb]

درود بر کاربر websaz2012 ( آقا محسن)
ممنون که وقت گزاشتید.
آقا ، من کدهارو کامل نزاشتم ، وگرنه این چیزی که شما میگی رعایت کردم.
این عکسو ببینید :

در واقع main 960 پیکسل هست که همون کادر قرمز رنگ میشه.
box-r1 هم کادری هست که سبزه.
.
من میخام این رنگ main عوض کنم که نمیشه.
وگرنه رنگ کادرهای سمت چپ و راست که توی mainهستند سفید هست.
منظورمو رسوندم ؟!!!
استاد اینجوری نخند ، ناامید میشم

 

[websaz2012]

دوست عزیز اینجوری کسی نمینونه کمکت کنه تنها راهش اینه که ادرس سایتتو بم بده تا مشکلتو حل کنم یا کد کامل html و css را بصورت پیام شخصی بهم ارسال کن تا مشکلتو حل کنم ......
در ضمن منظور بدی از خندم نداشتم
فقط مزاح بــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــود!!!!!!!!!!!!!!!!!!!

 

[websaz2012]

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

اینه!!!!

به طور کلی وقتی چند دیو وارد یک دیو مادر میشوند در حالی که این دیوهای فرزند خاصیت float داشته باشند دیو مادر مخفی میشود جوری که رنگ پس زمینه ان را مشاهده نمی کنید
برای حل مشکل:

3 راه به ذهنم میرسه

1.بعد از اخرین فرزند یک کلاس به نام clear وارد کنید و استایل زیر را هم توی فایل استایل خود وارد کنید

[CSSS].clear{ clear:both; }[/CSSS]

2.به ایدی مادر که همون main است یک کلاس به نام clearfix اضافه کن
مثل این


[HTMLS]<div id="main" class="clearfix"></div>[/HTMLS]

که در اینصورت استایل زیر را تو فایلت اضافه کن
[CSSS]
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
*:first-child+html .clearfix{min-height:1px;}[/CSSS]

3.این راهو پیشنهاد نمیکنم پس بیان هم نمیکنم پیشنهاد من راه دوم است در کل از هر کدوم را رفتی باید این کلاسها رو به استایلت اضافه کن

[CSSS].clear{ clear:both; }
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
*:first-child+html .clearfix{min-height:1px;}[/CSSS]

اگه بازم مشکلت حل نشد همون کاری که بالا گفتمو انجام بده یعنی بم send کن!!!!

by.............

 

[sarabb]

درست شد
مرسیــــــــــــــــ
اول راه دومو رفتم. درست نشد.
بعد راه اولو رفتم درست شد.
ممنون استاد

 

[websaz2012]

قابلی نداشت داش!!!