tamafi6
سه شنبه 12 دی 1391, 23:13 عصر
سلام بچه ها
من سه تا dev دارم میخوام که یکی درست وسط صفحه بیفته و یک dev سمت چپ اش ویکی دیگه سمت راستش با فاصله مثلا10px قراربگیره و با عوض کردن رزولوشن وتغییر browser به هم نریزه.اگه میشه بگینcss اش چی میشه .من کاملا تازه کارم
ببینیدمایهdivاصلی داریم به عنوان والدوسهdivفرزندچونکه میخواهیم وابسته به والدباشن از
position:absolute;استفاده میکنیم نمونه
<div class="aa">
<div id="a">
</div>
<div id="b">
</div>
<div id="c">
</div>
</div>
که
.aa{
position:absolute;
width: 900px;
background: #a1a1a1;
height: 500px;
padding: 0 30px 0px 30px;
margin: 10px 30px;
}
والدهست برای اینکه ابتداوالدبارگزاری بشه کدرامثل این مینویسم ابتداوالد بعدفرزندان
.aa>#a, #b, #c
برای فرزندان جهت شناورشدن رامشخص میکنم
float:right; ازسمت راست شناوربشن
margin:50px 5px;ازسمت بالا50pxوازسمت راست 5pxازهم فاصله داشته باشن
.aa{
position:absolute;
width: 900px;
background: #a1a1a1;
height: 500px;
padding: 0 30px 0px 30px;
margin: 10px 30px;
}
.aa>#a, #b, #c{
float:right;
margin:50px 5px;
width: 200px;
height: 200px;
padding: 30px 40px 5px;
background: #fofofo;
background: rgba(0,0,0,0.06);
border-radius: 20px;
border: 1px solid rgba(0,0,0,0.1);
box-shadow: inset 0 2px 20px rgba(0,0,0,0.1);
}
برای همین قالب ثابت میمونه برای امتحان میتونی کدوالدراحذف کنی که باتغییراندازه صفحه مرورگرستونها به هم میریزه شمامیتونیدهمه فرزندان راثابت براشون رنگ وابعادتعریف کنی وبرای هرفرزند جداگانه خصوصیات وتغییرات دیگه بدی