ورود

View Full Version : مشکل با div



komeil64
دوشنبه 23 خرداد 1390, 18:32 عصر
با سلام
من دو div زیر هم دارم
توی asp.net یه سری کنترل توی div بالایی هست
اما وقتی height بالایی زیاد میشه میره روی پایینی!
وقتی height بالایی رو هم 100% میزارم باز میره روی پایینی
ممنون میشم راهنمایی کنین

Javad.Kashi
دوشنبه 23 خرداد 1390, 18:49 عصر
سلام
از خاصیت Overflow در CSS استفاده کن منبع (http://www.w3schools.com/css/pr_pos_overflow.asp)

در ضمن اگر سورس را به اشتراک می گذاشتی ، بهتر می شد نظر داد.

یا علی

komeil64
دوشنبه 23 خرداد 1390, 19:06 عصر
بخش Footer Section میره زیر div بالایی


<div>
<div>
<div id="bg">
<!-- Wapper Sec -->
<div id="wrapper_sec">
<!-- masterhead -->
<div id="masterhead">
<!-- Logo -->
<div class="logo">
<div style="float: left; margin-top: 20px;">
<a href="http://pelaknet.ir" target="_blank">
<img src="images/vj-adv.gif" alt="" /></a></div>
<div style="float: right;">
<a href="Default.aspx">
<img src="images/logo.png" alt="" /></a></div>
</div>
<!-- masterhead Right Section -->
<div class="clear">
</div>
<!-- Navigation -->
<div class="navigation">
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li class="first"><a class="selected" href="Default.aspx">صفحه اصلی</a></li>
<li><a href="Features.aspx">مطالب ویژه</a></li>
<li><a href="#">موضوعات</a>
<uc1:top_sub_menu ID="top_sub_menu1" runat="server" />
</li>
<li><a href="#">سایبر</a> </li>
<li><a href="ViewAllEnContent.aspx">English News</a> </li>
<li><a href="About.aspx">درباره ما</a> </li>
<li><a href="Contact.aspx">تماس با ما</a> </li>
</ul>
</div>
<!-- navigation ends -->
<div class="clear">
</div>
</div>
</div>
<!-- Content Seciton -->
<div id="content_section">
<!-- News Updates -->
<div class="news_updates">
<span class="news_update">Latest English News</span> <span class="news_des">
<uc2:en_news_last ID="en_news_last1" runat="server" />
</span><a class="next" href="ViewAllEnContent.aspx">
<img src="images/newsarrow.jpg" alt="" /></a>
</div>
<div class="clear">
</div>
<!-- Col1 -->
<div class="col1">
<!-- Content Heading -->
<div class="content_heading">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="clear">
</div>
<!-- Content Block -->
<div class="contentblock">
<!-- Tabs -->
</div>
</div>
<!-- Col2 -->
<div class="col2">
<div class="ads">
<a href="#">
<img src="images/ads.gif" alt="" /></a>
</div>
<!-- Top Student -->
<div class="college_gallery">
<div class="college_gallerytitle">
مطالب تصادفی</div>
<uc3:rndcontent ID="rndcontent1" runat="server" />
</div>
<div class="clear">
</div>
<div class="college_gallery">
<div class="college_gallerytitle">
مطالب مرتبظ</div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder3" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="clear">
</div>
<!--col2 ends -->
</div>
<div class="clear">
</div>
<!-- Slder -->
<div class="image_scroll">
<a class="leftarrow" href="#">
<img src="images/left_arrow.gif" alt="" /></a>
<div class="slider1">
<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
</asp:ContentPlaceHolder>
</div>
<a class="rightarrow" href="#">
<img src="images/right_arrow.gif" alt="" /></a>
</div>
</div>
<div class="clear">
</div>
</div>
</div></div>

<!-- Footer Section -->
<div>
<div id="bottom_seciton">
<div id="footer">
<center>

<br />
بهره برداری از مطالب این سایت با دکر منبع بلامانع می باشد
</center>
<br />
<div class="clear">
</div>
<br />
</div>
</div></div></div>
<!-- Bototm seciton -->

alismith
دوشنبه 23 خرداد 1390, 23:11 عصر
سلام


وقتی height بالایی زیاد میشه میره روی پایینی!

برای این مشکل باید به هر دو div موقعیت یا position را static یا relative بگذارید ، در relative می توانید به div موقعیت نسبی بدید (به کمک خصوصیات top و left)



موفق باشید