pouria_bayat
سه شنبه 16 تیر 1394, 00:05 صبح
با سلام و وقت بخیر خدمت همه اساتید گرامی
سوال اول: الان به مشگل عجیب بر خوردم بیش از 5 ساعته سعی میکنم سایز قسمت main رو auto بزارم از لحاظ height اما نمیشه! وقتی مقدار Height رو ست میکنم قالبم درست کار میکنه مثلا 250px ولی وقتی height رو بر میدارم اینگار نه اینگار تگهای Div دیگه ای این ما بین وجود دارند! لطفا یک نگاه به کدهای Html و Css زیر بندازید؟
#main
{
width:960px;
background-image: url(Images/body-bg.png);
}
#main .right-sidebar{
width:268px;
float:right;
}
#main .left-sidebar{
width:680px;
float:left;
}
#main .right-sidebar #title-sidebar
{
float:right;
margin-right:5px;
margin-left:5px;
margin-top:5px;
width:267px;
height:78px;
background: url('Images/block-title.png') no-repeat;
}
#main .right-sidebar #body-sidebar
{
float:right;
margin-right:5px;
margin-left:5px;
width:267px;
height:100px;
background: url('Images/block-body.png') repeat-y;
}
#main .right-sidebar #down-sidebar
{
float:right;
margin-right:5px;
margin-left:5px;
margin-bottom:5px;
width:267px;
height:17px;
background: url('Images/block-down.png') no-repeat;
}
<body>
<div id="wrapper">
<div id="main">
<div class="right-sidebar">
<div id="title-sidebar">
<h4>متن موضوع</h4>
</div>
<div id="body-sidebar">
</div>
<div id="down-sidebar">
</div>
</div>
<div class="left-sidebar">@RenderBody()</div>
</div>
<div class="footer"></div>
</div>
</body>
مشگل کار من کجاست؟!!!!!!!
اما اگر توی Css برای main خاصیت Height رو دستی بدم درست کار میکنه:
#main
{
width:960px;
height:300px;
background-image: url(Images/body-bg.png);
}
سوال دوم: همانطور که می بینید Contentplaceholder یا همون RenderBody() یکی است آیا میشه مثل Webform چندتا داشت؟!!!
سوال اول خیلی مهمه!.
با تشکر.
سوال اول: الان به مشگل عجیب بر خوردم بیش از 5 ساعته سعی میکنم سایز قسمت main رو auto بزارم از لحاظ height اما نمیشه! وقتی مقدار Height رو ست میکنم قالبم درست کار میکنه مثلا 250px ولی وقتی height رو بر میدارم اینگار نه اینگار تگهای Div دیگه ای این ما بین وجود دارند! لطفا یک نگاه به کدهای Html و Css زیر بندازید؟
#main
{
width:960px;
background-image: url(Images/body-bg.png);
}
#main .right-sidebar{
width:268px;
float:right;
}
#main .left-sidebar{
width:680px;
float:left;
}
#main .right-sidebar #title-sidebar
{
float:right;
margin-right:5px;
margin-left:5px;
margin-top:5px;
width:267px;
height:78px;
background: url('Images/block-title.png') no-repeat;
}
#main .right-sidebar #body-sidebar
{
float:right;
margin-right:5px;
margin-left:5px;
width:267px;
height:100px;
background: url('Images/block-body.png') repeat-y;
}
#main .right-sidebar #down-sidebar
{
float:right;
margin-right:5px;
margin-left:5px;
margin-bottom:5px;
width:267px;
height:17px;
background: url('Images/block-down.png') no-repeat;
}
<body>
<div id="wrapper">
<div id="main">
<div class="right-sidebar">
<div id="title-sidebar">
<h4>متن موضوع</h4>
</div>
<div id="body-sidebar">
</div>
<div id="down-sidebar">
</div>
</div>
<div class="left-sidebar">@RenderBody()</div>
</div>
<div class="footer"></div>
</div>
</body>
مشگل کار من کجاست؟!!!!!!!
اما اگر توی Css برای main خاصیت Height رو دستی بدم درست کار میکنه:
#main
{
width:960px;
height:300px;
background-image: url(Images/body-bg.png);
}
سوال دوم: همانطور که می بینید Contentplaceholder یا همون RenderBody() یکی است آیا میشه مثل Webform چندتا داشت؟!!!
سوال اول خیلی مهمه!.
با تشکر.