Fartaj
سه شنبه 13 تیر 1391, 15:43 عصر
سلام خدمت دوستان
من تو پروژه کتابخانه که آپلودش هم کردم اولش با جدول درست کرده بودم اما بعد اومدم با div و css درست کنم حالا اگه سایت رو سرچ کنید می بینید مشکلش رو من اومدم یک div اصلی تعریف کردم که ارتفاع اون رو دادم 100% و تمام اجزاع سایت حتی اون سه ستون رو داخل اون گزاشتم حالا اگه نگاه کنید می بینید که div اصلی تا زیر اسلاید شو پایین میاد و زیر ستون ها رو خالی می زاره و یک دلیلی که تا زیر اسلاید شو اومده اینه که اون div که اسلاید شو داخلشه ارتفاعش بر حسب px هستش نمی دونم چی کار کنم تا پایین بیاد ؟؟
www.library.aspro.ir
کد css :
.main
{
margin:20px auto auto auto;
padding-bottom:20px;
width:910px;
height:100%;
background:#0e3a67;
border-top-left-radius:2em;
border-top-right-radius:2em;
}
.baner
{
background-image: url('../image/baner.png');
background-repeat:no-repeat;
width:900px;
height:200px;
margin-left:auto;
margin-right:auto;
text-align: right;
position: relative;
}
.right
{
margin-top:10px;
margin-right:5px;
float:right;
width:180px;
position: relative;
}
.left
{
margin-top:10px;
margin-left:5px;
float:left;
width:180px;
position: relative;
}
.center
{
margin-top:45px;
margin-right:5px;
margin-left:5px;
width:530px;
float:left;
}
این سوال رو طراحی وب هم پرسیدم اما به نتیجه نرسیدم ؟؟
من تو پروژه کتابخانه که آپلودش هم کردم اولش با جدول درست کرده بودم اما بعد اومدم با div و css درست کنم حالا اگه سایت رو سرچ کنید می بینید مشکلش رو من اومدم یک div اصلی تعریف کردم که ارتفاع اون رو دادم 100% و تمام اجزاع سایت حتی اون سه ستون رو داخل اون گزاشتم حالا اگه نگاه کنید می بینید که div اصلی تا زیر اسلاید شو پایین میاد و زیر ستون ها رو خالی می زاره و یک دلیلی که تا زیر اسلاید شو اومده اینه که اون div که اسلاید شو داخلشه ارتفاعش بر حسب px هستش نمی دونم چی کار کنم تا پایین بیاد ؟؟
www.library.aspro.ir
کد css :
.main
{
margin:20px auto auto auto;
padding-bottom:20px;
width:910px;
height:100%;
background:#0e3a67;
border-top-left-radius:2em;
border-top-right-radius:2em;
}
.baner
{
background-image: url('../image/baner.png');
background-repeat:no-repeat;
width:900px;
height:200px;
margin-left:auto;
margin-right:auto;
text-align: right;
position: relative;
}
.right
{
margin-top:10px;
margin-right:5px;
float:right;
width:180px;
position: relative;
}
.left
{
margin-top:10px;
margin-left:5px;
float:left;
width:180px;
position: relative;
}
.center
{
margin-top:45px;
margin-right:5px;
margin-left:5px;
width:530px;
float:left;
}
این سوال رو طراحی وب هم پرسیدم اما به نتیجه نرسیدم ؟؟