چرا اینا زیز هم قرار نمیگیرن؟؟؟/ [بایگانی]

View Full Version : چرا اینا زیز هم قرار نمیگیرن؟؟؟/

fafa_na

چهارشنبه 01 آذر 1391, 07:53 صبح

سلام من میخوام اینا زیر هم وسط صفحه قرار بگیرن؟عکس اول وسط قرار میگیره ولی دومی که سه قسمت هست زیر عکس اولی قرار نمیگیره.ممنون میشم راهنمای بفرمایید
<body id="page_bg">
<div id="wrapper">
<div id="header"></div>
<div class="clr"></div>
<div id="bottomright"></div><div id="bottom"></div> <div id="bottomleft"></div>
<div class="clr"></div>
</div>
</body>

و کد cssآن

#page_bg {
background-color:#FFFFFF;
padding-bottom:10px;
padding-top:1px;
}

#wrapper {
margin:0 auto;
}

#header {
position:relative;
height:100px;
width:963px;
margin:0 auto;
background:#FFFFFF url(../images/header.jpg) no-repeat top;
}

#bottomright {
height:33px;
float:right;
width:14px;
margin:0 auto;
background:#FFFFFF url(../images/bottom_r.jpg) no-repeat right;
}
#bottom {
height:33px;
float:right;
width:900px;
margin:0 auto;
background:#FFFFFF url(../images/bottom_bg.jpg);
}
#bottomleft {
height:33px;
float:right;
width:13px;
margin:0 auto;
background:#FFFFFF url(../images/bottom_l.jpg) no-repeat left;
}

.clr {
clear: both;
font-size:0;
}

ممنون

fafa_na

چهارشنبه 01 آذر 1391, 08:48 صبح

به کمک مطالب خوبتون مشکلم حل شده معذرت میخوام که تاپیک اضافی اضاف کردم
اینم درست شدس
<div id="bottom">
<div class="left">
</div>
<div class="mid">
</div>
<div class="right">
</div>
</div>

اینم css درستش

#bottom {
margin:0 auto;
padding:0px 0 0px 0;
direction: rtl;
text-align: right;
width: 963px;
}
#bottom .right {
height:33px;
float:left;
width:14px;
background:#FFFFFF url(../images/bottom_r.jpg) no-repeat ;
}
#bottom .mid {
height:33px;
width:935px;
float:left;
background:#FFFFFF url(../images/bottom_bg.jpg);
}
#bottom .left {
height:33px;
width:13px;
float:left;
background:#FFFFFF url(../images/bottom_l.jpg) no-repeat ;
}

maktoom

پنج شنبه 02 آذر 1391, 18:20 عصر

سلام
خوبه که درستش رو هم گذاشتین.
البته سعی کنید از تگ های مناسب توی ادیتور برنامه نویس واسه نظم دهیزبه پستهاتون استفاده کنید.