ورود

View Full Version : چرا ارتفاع div از حداقلی که تعریف کردم بیشتر نمیشه؟


asadi.hasan
پنج شنبه 06 تیر 1392, 15:44 عصر
سلام دوستان؛
من توی صفحه ای که طراحی کردم ، یک div گذاشتم که min-height اون رو 600 گذاشتم و میخوام که هر چقدر کنترل ای اس پی یا divداخل اون گذاشتم ، اون بزرگ بشه و کنترل ها بیرون از اون نرن .
ولی نمیدونم چرا ارتفاع div هیچ تغییری نم یکنه.
ممنون میشم اگه دوستان لطف کنن بگن که چرا اینطوریه؟
qartalonline
پنج شنبه 06 تیر 1392, 16:15 عصر
کدتون رو بذارید ، ما از کجا بدونیم چی نوشتید که کار نمیکنه؟؟؟
asadi.hasan
جمعه 07 تیر 1392, 23:43 عصر
این تقسیم بندی صفحه در html :


<div id="Container" >
<div id="Header">

</div>


<div id="Content" class="Content">
<asp:ContentPlaceHolder id="CphBody" runat="server">
</asp:ContentPlaceHolder>
</div>

<div id="Footer"></div>

</div>

و حالا برای قسمت content نوشتم :min-height=600px;

وقتی از پایگاه داده ، اطلاعاتی را می خونم و داخل content نشون میدم ، وقتی که تعداد شون زیاد میشه ، از قسمت content میزنه بیرون.
نمیدونم چرا height اون اضافه نمیشه.
ateryad
شنبه 08 تیر 1392, 00:00 صبح
به نظرم با اضافه کردن این کد به آخر کدهاتون درست میشه:


height: 0 auto;
asadi.hasan
شنبه 08 تیر 1392, 00:26 صبح
یعنی اینو به کجا اضافه کنم ؟ به خصوصیات Content?
اگر منظورتون این بود ، اضافه کردم چیزی نشد .
mehbod.rayaneh
شنبه 08 تیر 1392, 02:41 صبح
سلام
اصولا نباید مشکلی داشته باشه!
ولی دلیل این ک در <div id="Content" class="Content"> هم class هست و هم id را متوجه نمیشم! دلیل خاصی داره؟ نمیشد استایل را یکیش بدید؟
هر دوتا را چک کنید ببینید جایی ارتفاع ثابت معین نکردید؟
البته به http://www.cssreset.com/ هم 1 نگاه بندازید! در ابتدا باید برا مرورگرها 1 سری چیزا را 0 قرار بدید! 1 جورایی باید 1 فایل reset درست کنید.
afshin9032
شنبه 08 تیر 1392, 18:40 عصر
یک MAX-HEIGHT هم تست کن
qartalonline
شنبه 08 تیر 1392, 18:52 عصر
کد زیر رو ببینید بدون هیچ مشکلی کار میکنه.


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
<style type="text/css">
#Header{
background:#999;
text-align:center;
}
#Content{
background:#CCC;
text-align:center;
min-height:600px;
}
#Footer{
background:#999;
text-align:center;
}
</style>
</head>
<body>

<div id="Container">

<div id="Header">Header</div>

<div id="Content" class="Content">
<asp:ContentPlaceHolder id="CphBody" runat="server">
1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
1<br>1<br>1<br>1<br>1<br>1<br>
</asp:ContentPlaceHolder>
</div>

<div id="Footer">Footer</div>
</div>

</body>
</html>

احتمالا کدی رو ازپایگاه داده میخونید که باعث بهم ریختگی میشه و کد درست کار نمیکنه.
rezaee2
یک شنبه 09 تیر 1392, 08:36 صبح
شما مسالتون با تعیین صحیح پوزیشن و display حل میشه...
asadi.hasan
جمعه 14 تیر 1392, 11:00 صبح
ولی دلیل این ک در <div id="Content" class="Content"> هم class هست و هم id را متوجه نمیشم! دلیل خاصی داره؟ نمیشد استایل را یکیش بدید؟بعد از اجرا شدن این صفحه ، دیو Content ، آی دی دیگه ای میگیره (مثل :ct001....) که اینم نمیدونم چرا بعضی قسمت ها اینطوری میشه ، به خاطر همین از کلاس استفاده کردم.
mehbod.rayaneh
جمعه 14 تیر 1392, 15:42 عصر
خوب اینجوی الان واقعا نمیشه راهنمایی کرد! کدهاتونو بذارید!
css-man
جمعه 14 تیر 1392, 18:00 عصر
اگر به تگی float دادی به بعد از اون یه تگ بزار و clear:both بهش بده
حل میشه
asadi.hasan
شنبه 15 تیر 1392, 00:12 صبح
خودشه ، حل شد . ممنون . میشه بگید این خصیصه یعنی چی ؟

از آنجایی که معمولا خیلی از تگ ها دارای float می باشند ، با جابه جا کردن گزینه clear:both اتفاقات زیادی میفته . با زهم ممنون