ساخت boxs در ستون left,center,right با استفاده از تصاویر در یک صفحه وب

[mohammad kafiyan]

سلام به دوستان می خواستم بدونم چگونه کد مورد نظر را باید اعمال کنم تا بتوانم با استفاده تصاویر زیر box ها مربوط به ستون های سمت چپ و راست و وسط را ایجاد کنم
که بتوانم به تعداد مثلا نا مشخص textbox ,label,buttom,.... اضافه کنم باعث نشه box دچار از هم پاشیدگی بشه
کدهای که خودم استفاده می کنم با مشکل روبرو است، دوستان اگر زحمتی نیست یک تستی بکنند



.top-left-box
{
float: left;
width: 15px;
height: 16px;
background-image: url('../image/box/t_l.png');

}
.top-middle-box
{
float: left;
height: 16px;
background-repeat:repeat-x;
background-image: url('../image/box/t_m.png');

}
.top-right-box
{
float: right;
width: 15px;
height: 16px;
background-image: url('../image/box/t_r.png');
}
.left-left-box
{
float: left;
width: 15px;
background-repeat:repeat-y;
background-image: url('../image/box/l.png');
}
.right-right-box
{
float: right;
width: 15px;
background-repeat:repeat-y;
background-image: url('../image/box/r.png');
}

.buttom-left-box
{
float: left;
width: 15px;
height: 16px;
background-image: url('../image/box/b_l.png');
}
.buttom-middle-box
{
float: left;
width: 170px;
height: 16px;
background-image: url('../image/box/b_m.png');
}
.buttom-right-box
{
float: right;
width: 15px;
height: 16px;
background-image: url('../image/box/b_r.png');
}
.Box-Wraper
{
width: 200px;
margin: auto;
}
.Top-Wraper
{
width: 200px;
height: 16px;
float: left;
}
.Center-Wraper
{
width: 200px;
float: left;
}
.Center-Content
{
float:left;
padding:05px;
width: 180px;

}
.Bottom-Wraper
{
width: 200px;
height: 16px;
float: right;
}

[pary_daryayi]

منظور شما قالب بندی درست با دایو هست ؟ این دو لینک رو ببینید :

ایجاد یک قالب ساده با دایو (http://blog.web-site-man.ir/%D8%A7%D9%8A%D8%AC%D8%A7%D8%AF-%D9%8A%D9%83-%D9%82%D8%A7%D9%84%D8%A8-%D8%B3%D8%A7%D8%AF%D9%87-%D8%A8%D8%A7-%D8%AF%D8%A7%D9%8A%D9%88/)

چیدمان دایو بصورت افقی و عمودی (http://blog.web-site-man.ir/%DA%86%D9%8A%D8%AF%D9%85%D8%A7%D9%86-div-%D8%A8%D8%B5%D9%88%D8%B1%D8%AA-%D8%A7%D9%81%D9%82%D9%8A-%D9%88-%D8%B9%D9%85%D9%88%D8%AF%D9%8A-%D8%AF%D8%B1-%D9%83%D9%86%D8%A7%D8%B1-%D9%87%D9%85/)

[mohammad kafiyan]

دوست عزیز با تشکر از شما ولی اون فایلی که ضمیمه کردم را چگونه باید کنار یکدیگر قرار گیرند و تشکیل یک box را بدهند و content هم برای این box در نظر بگیریم که با اضافه کردن عناصر دیگه چه از احاظ افقی یا عمودی به هم نریزه (با توجه به کدهای بالا)