-
مشکل با HTML
سلام دوستان من میخوام یه کد بنویسم مثلا ی960 پیکسل و ارتفاع 200 پیسکل و داشته باشم تقسیم کنم به 2 دو قسمت یکی اسلایدر باشه یکی تبلیغات مثل تصویر زیر من این کد و نوشتم ولی نمیدونم چرا تبلیغات که نوشتم میاد پائین میشه کمک کنید:
اینم کدم
کد:
HTML 5
<html>
<body>
<header>
<div class="grid">
<div id="grid1">
اسلایدر در این قسمت قرار میگیرد
</div>
<div id="grid2">
تبلیغات وب سایت
</div>
</div>
</header>
</body>
</html>
Css 3
.grid
{
direction:rtl;
width:960px;
background-color:#f1f1f1;
margin-right:40px;
}
.grid #grid1
{
position:relative;
font-family:'yekan';
width:550px;
background-color:#2d89ef;
margin-top:10px;
height:200px;
}
.grid #grid2
{
font-family:'Yekan';
float:left;
position:relative;
clear:both;
width:390px;
padding-right:9px;
background-color:#2d89ef;
}
-
الآن نمی تونم تست کنم ولی اولا reative نکنید و cleare both رو هم پاک کنید ببینید چی میشه .
اگه نشد grid رو هم relative کنید !
-
grid1 رو float:left تنظیم کردم و position:absloute قرار دادم الان درست شد.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
