با سلام
اگر منظورتون رو درست متوجه شده باشم شما 3 تا ستون می خوای که بر اساس داده های درون اون ها اندازه اون ها متغیر باشه .
برای این کار شمامیتونی به صورت زیر عمل کنی یعنی فقط مقدار[FONT=courier new, courier, mono]padding و[/FONT][FONT=courier new, courier, mono]margin رو مشخص کنی برای هر ستون بعد به هر کدوم [/FONT][FONT=courier new, courier, mono]float: left; بدی بعدش هم در اخر یک کد[/FONT][FONT=courier new, courier, mono]div با [/FONT][FONT=courier new, courier, mono]#footer {
background: #0f0;
clear: both;
width: 100%;
}
بدی[/FONT][FONT=courier new, courier, mono] : اینجوری بزاری :
بعد با کد مشکلت حل بشه اگر نشد مش تونی نمونه زیر رو نگاه کنی و اگر هم بیشتر توضیح خواستی رو نمونه زیر من هستم .
[/FONT][FONT=courier new, courier, mono]<html>
<head>
<title>THREE-COLUMN LIQUID LAYOUT WITH FLOATING BOXES</title>
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
}
#header {
background: #0f0;
width: 100%;
}
#leftcol {
background: #f00;
float: left;
width: 20%;
height: 500px;
}
#rightcol {
background: #f00;
float: right;
width: 20%;
height: 500px;
}
#content {
background: #fff;
float: left;
width: 59%;
height: 500px;
}
#footer {
background: #0f0;
clear: both;
width: 100%;
}
-->
</style>
</head>
<body>
<div id="header">Header Section</div>
<div id="leftcol">Left Section</div>
<div id="rightcol">Right Section</div>
<div id="content">Content Section</div>
<div id="footer">Footer Section</div>
</body>
</html>[/FONT]
این هم عکس نمایش داده شده این کد بالا
این هم لینک سایتی که من خودم از اون خیلی بهره بردم امید وارم به دردتون بخوره واسه ی من خیلی مفید بود.
http://www.devarticles.com/c/a/Web-Style-Sheets/DIV-Based-Layout-with-CSS/8/
[FONT=courier new, courier, mono]
[/FONT]