الموضوع: تمدد المحتوى مع الشاشة

لدي مخطط ( layout ) لموقع ، ومقسم كما موضح بالصور أدناه .
http://s18.postimage.org/lxmv6ilo9/Untitled_1.jpg

أريد أن يتمدد المحتوى الخاص بالــmain area حسب الشاشة ( إذا زاد عرض الشاشة يزداد تمدد المحتوى ، وإذا قلت يقل ) .
هل يكفي عمل width=auto للــdiv الخاص بالمحتوى فقط ....؟

اجعل الـ width:100% ولترك المسافة بينها وبين الـ wrap اجعل الـ margin : 0px 0px 0px 0px

قم بتغيير الاصفار بالمقاسات المناسبة بالبكسل والترتيب من اليسار لليمين (اعلى يمين اسفل يسار)

مع العلم انه الـ wrap بالمقاس المناسب إذا كان 90% مثلاً الـ main area ستتمدد معه مهما كان العرض

إذا ما ظبطت معك قولي وسأقوم بعمل الكود للتخطيط كامل وارسله لك كما بالصورة

هل تقصد مقاسات الــdiv الخاص بالـmainarea..؟
+ السطر الأخير من الرد الأول لم أفهمه ...

هذا الكود كامل كتبته كالمثال في الصورة ومتمدد وبنفس الالوان

اي سطر تحتاج الى شرحة اخبرني وسأقوم بشرحة لك

اكواد الـ css

كود:

body{margin:0;padding:0;background-color:#98ADBE}

#wrap{
	background-color:#DBE0E6;
	width:96%;
	margin:1%;
	padding:1% 1%
}

#header{
	width:100%;
	background-color:white;
	height:150px;
	margin-bottom: 9px;
}

#mainarea{
	width:80%;
	background-color:white;
	float:left
}
#aside{
	width:19%;
	background-color:white;
	float:left;
	margin-left:1%;
}

اكواد الـ html

كود HTML:

<div id="wrap">
	<div id="header">
		header
	</div>
	
	<div id="mainarea">
		main area
	</div>
	<div id="aside">
		aside
</div><br style="clear:both" />
</div>