View Full Version : سوال: مشکل با تغییر ارتفاع div
moferferi
دوشنبه 09 اردیبهشت 1392, 20:49 عصر
سلام
بدنه سایت من از یک div تشکیل شده که سه تا div دیگه درونش هست.
هر سه اینها به صورت float هستند.و به هر کدوم عرض مشخصی دادم.ولی ارتفاع را تعیین نکردم.چون سایت داینامیکه .برای هر کدوم از div ها min-height تعیین کردم.و خاصیت overflow:hidden را هم نسبت دادم
حالا مشکلم اینه که خیلی وقتها این دیوها به صورت کامل ارتفاعشون تغییر نمیکنه.و چند خط اخر مطلب یا عکس نشون داده نمیشه.ولی اگه بیام دوباره توی ادرس بار یه اینتر بزنم و سایت دوباره لود بشه این مشکل حل میشه و درست میشه
خواهشا اگه کسی میتونه کمک کنه.خیلی وقته درگیرشم.
عکس وقتی که درست لود نمیشه
103482
وقتی که کامل لود میشه
103483
و یه چیر دیگه.این مشکل فقط بر روی هاست اتفاق میافته و روی لوکال هیچ وقت به این مشکل برنخوردم
اینم ادرس سایت (http://barnamenevis.org/www.apesf.ir)
سعید کشاورز
دوشنبه 09 اردیبهشت 1392, 20:58 عصر
:لبخند: چه جالب..این مدلی تاحالا ندیده بودم..سایت رو که باز کردم بار اول بد باز شده و دقیقا مثل مشکل شما..بار دوم رفرش دادم درست شد...
شاید این وسط یه چیزی load نمیشه که این اتفاق میوفته..
چون اگه قرار باشه کلا خراب بشه که نشون میده کد های شما مشکل داره..یه احتمال دیگه هم هست..چون سایت رو با asp ساختی ممکنه اشکال از سمت کدهای asp باشه و به css ربطی نداشته باشه..
تایپک رو دنبال میکنم تا ببینم نظر بچه ها چیه:کف:
meisam3322
دوشنبه 09 اردیبهشت 1392, 21:07 عصر
css و تنظیمات مربوط به div رو بزارین. برای من یصورت تصویر اولی لود شد
moferferi
سه شنبه 10 اردیبهشت 1392, 08:44 صبح
این کد مستر پیج
<form id="form1" runat="server">
<div id="dvmenutop">
<uc1:TopMenu2 ID="TopMenu21" runat="server" />
</div>
<div id="dv-header-main">
<div id="dv-header">
<%--<div id="dv-header-inner"></div>--%>
</div>
</div>
<div id="dvsokhanerooz">
<uc6:sokhanerooz ID="sokhanerooz1" runat="server" />
</div>
<div id="dvwarp">
<div id="dvright" class="divheight">
<uc3:MainMenu ID="MainMenu1" runat="server" />
<uc7:polls ID="polls1" runat="server" />
<uc8:link ID="link1" runat="server" />
</div>
<div id="dvcontent" class="divheight">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="dvleft" class="divheight">
<uc4:karyabi ID="karyabi1" runat="server" />
<uc5:maghalat ID="maghalat1" runat="server" />
<uc2:hamkaran ID="hamkaran1" runat="server" />
</div>
</div>
<div id="dvfooter">
<p>تمام حقوق این وب سایت متعلق به انجمن شرکت های صنعت پخش استان اصفهان میباشد</p>
<p><a href="http://www.resanehpardaz.ir">طراحی شده توسط:رسانه پرداز سپاهان</a></p>
<div id="conter">
<script type="text/javascript" language="javascript" src="http://www.webgozar.ir/c.aspx?Code=2728898&t=counter" ></script>
<noscript><a href="http://www.webgozar.com/counter/stats.aspx?code=2728898" target="_blank">آمار</a></noscript>
</div>
</div>
</form>
و این هم css مربوطه
body {margin:0px;padding:0px;background: url("../images/temp/bg.jpg");background-color:#2D96E9;background-repeat:repeat-x
}
#dv-header-main{ background: url("../images/temp/002.jpg") no-repeat scroll center top transparent;}
#dv-header{background: url("../images/temp/Refinement_design_17.jpg") no-repeat scroll center top transparent;
height: 170px;
margin: 0 auto;
padding: 10px 0 0;
position: relative;
width: 960px;
}
#dvmenutop{width:960px;height:50px;margin-left:auto;margin-right:auto;border:0px solid red;}
#dvsokhanerooz{width:960px;height:31px;border:0px solid red;margin-left:auto;margin-right:auto;background-image:url(../images/temp/Refinement_design10.jpg);background-repeat:repeat-x}
.dvlogin{width:200px;height:70px;position:absolute ;left:460px;top:203px;background-color:red;display:none}
#dvwarp{width:960px;border:1px solid #eeeff3;margin-right:auto;margin-left:auto;background-color:#dbdee6;overflow:auto}
#dvright{width:188px;float:right;background-color:#eeeff3;padding-top:0px;border:0px solid black;border-top:0px;
}
#dvcontent{width:580px;float:right;background-color:#eeeff3;border:0px solid red;overflow:hidden;height:auto;min-height:500px;}
#dvcontent-innerpage{width:768px;float:right;background-color:#e6e7e8;border-right:0px solid gray;min-height:500px;
margin-left:auto;margin-right:auto;margin-right:0px;overflow:hidden
}
#dvleft{width:188px;overflow:hidden;float:right;ba ckground-color:#eeeff3;border:0px solid red;margin-top:0px;border-top:0px;}
#dvfooter{width:960px;height:50px;border:1px solid black;margin-left:auto;border-top:0px;
margin-right:auto;background-color:#f1f1f1;overflow:hidden;background-image:url(../images/temp/Refinement_design_37.jpg);margin-bottom:0px }
#dvfooter p{font-family:Tahoma;font-size:9px;text-align:center;color:White}
#dvfooter a{color:White}
#dvfooter a:viseted{color:White}
#conter{margin-left:auto;margin-right:auto}
img.box{width:188px;}
a.maghalat{font-size:7px;color:Red}
.btnpools{cursor:pointer;width:60px;height:25px;fo nt-family:Tahoma;font-size:10px;float:right;margin-top:5px;margin-right:30px}
.btnviewpolls{cursor:pointer;width:60px;height:25p x;font-family:Tahoma;font-size:10px;float:right;margin-top:5px;margin-right:10px}
.viewpolls .lblpoll{width:100px;background-color:Green;height:30px;margin-top:5px;overflow:hidden;margin-left:10px}
#ContentPlaceHolder1_ctl00_RadEditor1{background:# FFF}
.RadEditor {background:#FFF}
.wysiwygeditor { background-color: white; background-image: none; }
#dvwarp2 #dvcontent-innerpage{margin-left:auto;margin-right:auto;border:2px solid red;}
hr.style1 {
height:3px;
width:90%;
background:#446791;
margin: 0px 5px 0px 5px;
}
ببخشید اگه در هم برهمه.
ممکنه این مشکل به خاطر امارگیر وب گذر باشه.؟
dr.undead
سه شنبه 10 اردیبهشت 1392, 11:49 صبح
هر 3 div توی بدنه رو position:absolut قرار بده، یکم بهم ریختگی بوجود میاد که با top left right یا margin ها میتونی درستش کنی
moferferi
سه شنبه 10 اردیبهشت 1392, 20:28 عصر
هر 3 div توی بدنه رو position:absolut قرار بده، یکم بهم ریختگی بوجود میاد که با top left right یا margin ها میتونی درستش کنی
اگه بخوام position:absolut قرار بدم باید دیو پدر را در حالت relative تنظیم کنم.که نمیشه و باید کل قالب را بریزم به هم.که البته فکر نکنم تاثیری داشته باشه.
ایا شما مطمئن هستید با این کار مشکلم حل میشه.من چند تا سایت دیگه هم دارم اونها را هم به همین شیوه طراحی کردم.فقط این یکی مشکل داره
mehrtash3000
شنبه 14 اردیبهشت 1392, 19:28 عصر
تو css
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
رو اضافه کن به هر کدوم از div هات این کلاس - .clearfix -رو بده . باعث میشه ارتفاع شون اتوماتیک تنظیم شه با توجه به محتویات
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.