كيف اجعل فراغ بين اسفل div وحافة المتصفح؟

[الحضرمي]

السلام عليكم
اخواني سويت صفحة باسخدام div
بدل الجداول بدنا نتطور شوي
لكن مع الأسف ظهر اسفل ال div
متصق بالحافة السفلى للمتصفح كما ترون في الصورة المرفقه
اريد اجعل فراغ بين اسفل div وحافة المتصفح؟
وهذا الكود حق تنسيق ال div

border:5px solid #7c6d5a;
	padding:5px;
	width:720px;
	position:absolute;
	left:124px;
	top:21px;
	z-index:2;

افيدوني بارك الله فيكم

[مصطفى فرغلى]

قم بإضافه

margin-bottom:20px; 

[الحضرمي]

أخي الكريم شكرا لردك
لقد قمت باضافة هذا الكود لكن لافائدة .
وايضا قمت بازالة

	position:absolute;

فظهرت المسافة لكن تحولت الصفحة بالكامل لجهة اليسار !!!

[عمر الدليمي]

مبين أن المقصود هو العنصر الرئيسي بالصفحة. إذن الحل هو:

            #main {
                border: 5px solid #7c6d5a;
                padding: 5px;
                width: 720px;
				margin:21px auto 20px;
               /* position: absolute; 
               * left: 124px; 
               * top: 21px; 
               * z-index: 2; */
            }

الخاصية Margin. عندما تجعل الحاشية اليمني واليسرى - كما فعلت للتو - بالقيمة auto يصبح العنصر في الوسط .
تحيتي لك ^^

[الحضرمي]

ألف ألف شكر
اخي عمر الدليمي
جزاك الله خيرا وكتب الله لك الأجر.