كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)

[/color][color=green]
<!-- Box >> Start -->
<div class="box">
 
    <!-- Box Header >> Start -->
    <div class="box-header">
        <div class="box-header-right"></div>
        <div class="box-header-left"></div>
    <!-- Box Header >> End -->
    </div>
 
    <!-- Box Body >> Start -->
    <div class="box-body">
        <div class="box-body-right">
        <div class="box-body-left">
        اي شيء تريده  المحتويات
        </div>
        </div>
    <!-- Box Body >> End -->
    </div>
 
    <!-- Box Footer >> Start -->
    <div class="box-footer">
        <div class="box-footer-right"></div>
        <div class="box-footer-left"></div>
    <!-- Box Footer >> End -->
    </div>
 
<!-- Box >> End -->
</div>[/color][color=green]

[/color][color=green]

/*  ------------------------------------------
    1-Box
    ------------------------------------------  */
.box{
    width:600px;
    margin:0 auto;
    background-color:#FFF;
}
 
/*  ------------------------------------------
    2-Box Header
    ------------------------------------------  */
.box-header{
    background:url(خلفية ممتدة في الاعلى) repeat-x top;
    height:61px;
}
    .box-header-right{
        background:url(صورة اعلى اليمين) no-repeat top right;
        height:61px;
        width:203px;
        float:right;
    }
    .box-header-left{
        background:url(صورة اعلى اليسار) no-repeat top left;
        height:61px;
        width:46px;
        float:left;
    }
 
/*  ------------------------------------------
    3-Box Body
    ------------------------------------------  */
.box-body{
    background-color:#FFF;
    text-align:justify;
 
}
    .box-body-right{
        background:transparent url(خلفية ممتدة يمين) repeat-y right;
    }
    .box-body-left{
        background:transparent url(خلفية ممتدة يسار) repeat-y left;
        padding:20px;   
    }
 
/*  ------------------------------------------
    4-Box Footer
    ------------------------------------------  */
.box-footer{
    background:url(خلفية ممتدة بالاسفل) repeat-x bottom;
 
    height:49px;
}
    .box-footer-right{
        background:url(صورة اسفل اليمين) no-repeat bottom right;
        height:49px;
        width:49px;
        float:right;
    }
    .box-footer-left{
        background:url(صورة اسفل يسار) no-repeat bottom left;
        height:49px;
        width:49px;
        float:left;
    }
[/color][color=green]