چطوری می تونم این مدل صفحه رو با css پیاده کنم؟
سلام
من می خوام با css تصویر زیر رو درست کنم اما نمیشه.یعنی اجزا چهار گوشه تصویر رو با کد زیر گذاشتم سر جاشون ولی وسطی رو موندم چیکار کنم.البته با position : absolute می تونم ولی می خوام که در همه حال وسط باشه.یعنی اگر رزولوشن تصویر عوض شد باز هم وسط باشه.نمی دونم باید چیکار کنم.
این کد css :
کد:
#img1{
float : left;
width : 24%;
height : 12%;
}
#img2{
float : right;
width : 24%;
height : 12%;
}
#header{
position : absolute;
top : 10px;
margin-left : auto;
margin-right : auto;
}
#img3{
float : left;
width : 24%;
height : 12%;
}
#img4{
float : right;
width : 24%;
height : 12%;
}
#footer{
position : absolute;
bottom : 10px;
}
body{
margin-left : auto;
margin-right : auto;
}
#img5{
width : 24%;
height : 12%;
/*clear : both;*/
}
اینم تصویر کاری که می خوام بکنم :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
یه سوال دیگه هم دارم :من تو یه صفحه دیگخ می خوام کل اجزا صفحه رو بیارم وسط.یعنی به body{margin : auto;}م یدم ولی از چپ و راست وسط هست اما از بالا چسبیده به بالای صفحه.برای اون باید چیکار کنم که بصورت عمودی هم وسط واسته.