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

[MaJoOoDy]

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

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

[TlT]

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

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

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

[TlT]

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

[MaJoOoDy]

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

[TlT]

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

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

اكواد الـ 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

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