mirzajavad
New Member
سلام
دوستان اين استايلي كه من نوشتم فقط در اينترنت اكسپلورر 6 درست كار ميكنه
ولي در مرورگرهاي كروم و فايرفاكس جدول ها بر روي هم قرار ميگيرن علتش چيه ؟
دوستان اين استايلي كه من نوشتم فقط در اينترنت اكسپلورر 6 درست كار ميكنه
ولي در مرورگرهاي كروم و فايرفاكس جدول ها بر روي هم قرار ميگيرن علتش چيه ؟
HTML:
body {background-image:url('image/bg.jpg');
font-family: tahoma;
font-size: 12px ;
direction: rtl;
}
#wrapper{
width: 650px;
height :auto;
margin: auto;
background-color: white;
}
#header{
height: 150px;
width: 650px;
margin-bottom: 5px;
border: black solid 1px;
float: none;
}
.sidebar{
float:right;
width:200px;
}
#sidbar{
width: 200px;
float: right;
padding: 5px;
border: silver solid 1px;
}
#foother{
width: 650;
clear:both;
margin-top: 5px;
padding: 5px;
background-color: orange;
}
.content{
width: 443px;
float: left;
margin-right: 5px;
}
#content{
width: 443px;
border: silver solid 1px;
padding: 5px;
}
#top_sidbar{
background-color: silver;
width: 200px;
float: right;
padding: 5px;
}
#top_content{
background-color: silver;
width: 443px;
padding: 5px;
}
HTML:
<body>
<center>
<div id="wrapper">
<div id="header">
متن داخل هدر سايت اينجا قرار ميگيرد.
</div>
<div class="sidebar">
<div id="top_sidbar">منوی اصلی</div>
<div id="sidbar">سايدبار</div>
</div>
<div class="content">
<div id="top_content">مطالب سايت</div>
<div id="content">محل قرار گيري مطالب سايت </div>
</div>
<div id="foother">كليه حقوق متعلق صاحب اثر مي باشد.</div>
</div>
</center>
</body>
