السلام عليكم
يا اخواني لازالت مشكلة التموضع وتنسيق الديفات معقدتني ..
ويبدو انني لم استوعب بعد خصائص position
وهي
relative
inherit
absolute
fixed
static
ما الفرق بينها؟ وماذا تعني تحديدا كل واحدة ؟
كذلك محاذاة الديفات ببعضها بالخاصية float
متى استعمل
right
ومتى
left
ربما المثال التالي سيوضح لكم كيف فهمتها أنا وما هي أخطائي :
هذا كود html
كود PHP:
<body>
<div id="mbody">
<div class="head"></div>
<div class="topmnu"></div>
<div class="leftbar"></div>
<div class="cont">
</div>
<div class="footer"></div>
</div>
</body>
وهذا كود css
كود PHP:
body
{
font-family: Tahoma, Arial;
font-size: 10px;
color: #000000;
position: absolute;
background-color: #666666;
}
#mbody
{
background-color: #FFFFFF;
margin-left:auto;
margin-right:auto;
border: 2px solid #C0C0C0;
width: 90%;
position: absolute;
top: 5px;
}
.head
{
width: 100%;
height: 110px;
}
.topmnu
{
height: 25px;
background-color: #89CDDC;
}
.leftbar
{
width: 25%;
border: 1px solid #C0C0C0;
background-color: #F4F4F4;
position: relative;
float: left;
margin-left:auto;
}
.cont
{
border: 1px solid #C0C0C0;
background-color: #EFEFEF;
float:left;
margin-left: auto;
width: 50%;
position: relative;
}
.rightbar
{
width: 25%;
border: 1px solid #C0C0C0;
background-color: #F4F4F4;
position: relative;
float:left;
margin-left: auto;
}
.footer
{
height: 30px;
width:100%;
background-color: #A0F1D3;
position: relative;
margin:auto 0 auto 0;
}
أخواني لا اريد تعديل المثال بقدر ما اريد افهم الخطأ عندي مع توضيح المطلوب اعلاه
ولكم جزيل الشكر...
رد مع اقتباس
