مساعدة في وضعية div

بدأه صوت المطر في 14 مايو 2011 · 6 رد · 560 مشاهدة · في منتدى تصميم صفحات الويب

#114 مايو 2011 في 20:03 صاحب الموضوع

السلام عليكم ورحمة الله

ماهو كود CSS لوضع ديف في وضع جانيي بحيث يكون في اليسار(side) والديف الاخر بجانبة عبارة عن( content) للصفحة بالاضافة الي ديف عبارة عن محتوى الصفحة بالكامل (page)

 <div id="page">
   </div>

 <div id="content">
 </div>

<div id="side"></div>

كود CSS

 div#page
{
	border: 2px solid #0066FF;
	width: 67%;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
	position: relative;
	top: 0px;
	left: 0px;
	height: auto;
}

div#side
{
	border: 2px solid #FF9999;
	width: 200px;
	float: left;
	height: auto;
	display: inline;

}



div#content
{
	border: 2px solid #FFFF00;
	width: 400px;
	height: auto;
	float: right;
	display: inline; 


}


 div#footer
{
	border: 2px solid #990099;
	width: 100%;
	height: auto;
	clear: both;
}

اشعر بان هناك خلل في المحتوى خصوصا عند التنفيذ لا يكون في المنتصف بالاضافة ان الكونتينت يصبح نفس حجم side هذا ما لا اريدة حيث اريد ان يكون الكونتينت اكبر

شكرا لكم سلفا....

اسف ع التطويل

الرجاء المساعدة

#214 مايو 2011 في 21:01

وعليكم السلام ورحمة الله ،

شيء مثل كذا :

<div id="page">
    <div id="side">
        <p>SIDE</p>
    </div>
    <div id="content">
        <p>CONTENT</p>
    </div>
</div>

#page{
    width:100%;
    height:600px;
}

#side{
    float:left;
    width:30%;
    height:100%;
    background-color: #777;
}

#content
{
    float:left;
    width:70%;
    height:100%;
    background-color: #ddd;
}

تستطيع تجربة و تعديل المثال من هنا بشكل أسرع :

http://jsfiddle.net/aboshammar/R6GNS/

تطبيق طمأنينة ، نسخة بيتا على أندرويد