PDA

View Full Version : سوال: جواب ندادن height:100%; در div


p30earth
چهارشنبه 24 آبان 1391, 21:34 عصر
سلام من یه div دارم با اندازه width:25%; و height:100%; نکته عجیب برای من اینجاست که چرا 100% در height کار نمیکنه اصلا % تو height کار نمیکنه :اشتباه: خدایش عصبیم کرده
اینم نمونه کد
.left{
width:22%;
height:100%!important;
float:left;
background:#fff url(image/left.gif) right repeat-y ;
margin-top:-9px;
margin-left:-8px;
box-shadow:#333 1px 1px 3px;
}
amir22448
چهارشنبه 24 آبان 1391, 21:57 عصر
سلام.اون !important رو بعد از ; بزارین.یا اصلا !important رو نزارین.
mrgraphy
چهارشنبه 24 آبان 1391, 23:46 عصر
سلام دوست عزیز.
height صد در صد شما نسبت به تگ body در نظر گرفته میشه. یعنی اگر صفحه شما 700 تا height داشته باشه اونوقت body شما هم 700 تا height داره و div هایی که داخلش هستن با height 100% میشن 700 تا.
برای این که این اتفاق نیوفته شما یه display:block به کدتون اضافه کنید.
موفق باشید.
p30earth
پنج شنبه 25 آبان 1391, 09:37 صبح
جواب نداد اینم کد ها :ناراحت:
.left{
display:block;
width:22%;
height:100%;
float:left;
background:#fff url(image/left.gif) right repeat-y ;
margin-top:-9px;
margin-left:-8px;
box-shadow:#333 1px 1px 3px;

}
.logo{
amir22448
پنج شنبه 25 آبان 1391, 09:53 صبح
این تگ Left شما در تگ دیگه ای هست؟
p30earth
پنج شنبه 25 آبان 1391, 10:22 صبح
نه دوست عزیز
کامروا
پنج شنبه 25 آبان 1391, 10:25 صبح
جواب میده که


<html>

<head>
<style>
.left{
display:block;
width:22%;
height:100%;
float:left;
background:#fff url(image/left.gif) right repeat-y ;
margin-top:-9px;
margin-left:-8px;
box-shadow:#333 1px 1px 3px;

}
</style>
</head>


<body bgcolor="#ccc">
<div class="left">Hi World</div>

</body>
</html>