ASP.NET RSS ASP.NET RSS

Scrollbar not working properly

Please support our ASP.NET advertiser: Intel Parallel Studio Home
Thread Solved
1 2

•
•
Join Date: Dec 2008
Posts: 37
Reputation: kischi is an unknown quantity at this point 
Solved Threads: 0
kischi kischi is offline Offline
Light Poster

Scrollbar not working properly

 
0
  #1
May 1st, 2009
Hi,

I have a problem with a scrollbar, once in a while when I try scrolling up or down it jumps to the recent position of the scroll.

You can see the problem on: http://radiojazz.dk/udsendelser.aspx

And then try to scroll abit and see that it jumps.

Does anybody know how to fix this problem?

I hope you understand what I meen

thanks
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2008
Posts: 2,052
Reputation: serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light 
Solved Threads: 118
Featured Poster
serkan sendur serkan sendur is offline Offline
Postaholic

Re: Scrollbar not working properly

 
0
  #2
May 1st, 2009
remove update panels then try again.
Due to lack of freedom of speech, i no longer post on this website.
Reply With Quote Quick reply to this message  
•
•
Join Date: Dec 2008
Posts: 37
Reputation: kischi is an unknown quantity at this point 
Solved Threads: 0
kischi kischi is offline Offline
Light Poster

Re: Scrollbar not working properly

 
0
  #3
May 2nd, 2009
Hi, witch update panels, I don't think I have any?
Last edited by kischi; May 2nd, 2009 at 12:10 pm.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2008
Posts: 2,052
Reputation: serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light 
Solved Threads: 118
Featured Poster
serkan sendur serkan sendur is offline Offline
Postaholic

Re: Scrollbar not working properly

 
0
  #4
May 2nd, 2009
that problem occurs in ajax enabled websites as far as i experienced.
Due to lack of freedom of speech, i no longer post on this website.
Reply With Quote Quick reply to this message  
•
•
Join Date: Dec 2008
Posts: 37
Reputation: kischi is an unknown quantity at this point 
Solved Threads: 0
kischi kischi is offline Offline
Light Poster

Re: Scrollbar not working properly

 
0
  #5
May 4th, 2009
Ok, but do you know how I fix the problem then?

And I don't know if I made the website Ajax Enabled or what.

How do I fix that?

Thx
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2008
Posts: 2,052
Reputation: serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light 
Solved Threads: 118
Featured Poster
serkan sendur serkan sendur is offline Offline
Postaholic

Re: Scrollbar not working properly

 
0
  #6
May 4th, 2009
why dont you post mark up of your web page? it is hard to infer something without seeing it.
Due to lack of freedom of speech, i no longer post on this website.
Reply With Quote Quick reply to this message  
•
•
Join Date: Dec 2008
Posts: 37
Reputation: kischi is an unknown quantity at this point 
Solved Threads: 0
kischi kischi is offline Offline
Light Poster

Re: Scrollbar not working properly

 
0
  #7
May 4th, 2009
Ok here is the code from the masterpage:

ASP.NET Syntax (Toggle Plain Text) 
  1.  
  2. <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
  3.  
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head runat="server">
  9.  
  10.  
  11.     <title>Radio Jazz</title>
  12.     <link href="style.css" rel="stylesheet" type="text/css" />
  13.     <asp:ContentPlaceHolder id="head" runat="server">
  14.     </asp:ContentPlaceHolder>
  15. </head>
  16.  
  17. <body>
  18.  
  19. <div class="container">
  20.     <form id="form1" runat="server">
  21.  
  22.   <a href="Default.aspx"> <div class="top"></div></a>
  23.  
  24.  
  25.  
  26.  
  27.  
  28.     <span class="menu"><a href="default.aspx">Forside</a></span>
  29.     <span class="menu"><a href="udsendelser.aspx">Udsendelser</a></span>
  30.     <span class="menu"><a href="http://83.133.64.106:8000/listen.pls">Netradio</a></span>
  31.     <span class="menu"><a href="venner.aspx">Radio Jazz Venner</a></span>
  32.     <span class="menu"><a href="omradiojazz.aspx">Om Radio Jazz</a></span>    
  33.     <span class="menu"><a href="links.aspx">Links</a></span>
  34.  
  35.  
  36.     <span class="dato_master">
  37.  
  38. <asp:Label ID="date" runat="server" Text="Label"></asp:Label> 
  39.  
  40.  
  41. </span>
  42.     <span class="ur">
  43.  
  44.   <asp:Label ID="lblcurrenttime" runat="server" Text=""></asp:Label>
  45.         </span>
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.     <asp:ScriptManager ID="ScriptManager1" runat="server">
  56. </asp:ScriptManager>
  57. <asp:UpdatePanel ID="UpdatePanel1" runat="server">
  58. <ContentTemplate>
  59. <asp:Timer ID="Timer1" runat="server" Interval="1000">
  60. </asp:Timer>
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67. </ContentTemplate>
  68.  
  69. </asp:UpdatePanel>
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.          <div class="Content"> </div>
  77.  
  78.  
  79.     <div id="content" style="font-size: 75%"> 
  80.     <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
  81.         </asp:ContentPlaceHolder>
  82.  
  83.       </div>
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90.     </form>
  91.     </div>
  92. </body>
  93.  
  94.  
  95. </html>

and from one of the page where the scroll bar doesn't work properly:

aspx page:

ASP.NET Syntax (Toggle Plain Text) 
  1.  
  2. <%@ Page Title="" Language="C#" Debug="true" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="udsendelser.aspx.cs" Inherits="udsendelser" %>
  3.  
  4. <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
  5. </asp:Content>
  6. <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  7.  
  8.     <asp:Repeater ID="program" runat="server">
  9.  
  10.     <ItemTemplate>
  11.     <div class="container_udsendelser">
  12.     <div class="container_udsendelser_txt">
  13.        <div class="dato_udsendelser">  <%# Eval("date", "{0:d}")%></div>
  14.  
  15.        <span class="program_txt">
  16.        <%# Eval("tid", "{0:t}")%>
  17.        </span>
  18.  
  19.       <span class="txt_udsendelser"> <%# Eval("txt")%></span> 
  20.  
  21.  
  22.                       <span class="link_udsendelser">
  23.  
  24.                       <%#
  25. (Eval("titel").ToString().Length > 0) ? "<a href=\"viewpage.aspx?task=edit&id=" + Eval ("id").ToString() + "\">Læs mere...</a>" : ""
  26. %>
  27.       </span>
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35.          </div>
  36.     </div>
  37.    <br />
  38.  
  39.  
  40.      <!--<a href="viewpage.aspx?task=edit&id=<%# Eval ("id") %>">Læs mere...</a>-->
  41.  
  42.  
  43.     </ItemTemplate>
  44.     </asp:Repeater>
  45.  
  46.  
  47.  
  48. </asp:Content>

cs page:

ASP.NET Syntax (Toggle Plain Text) 
  1.  
  2. using System;
  3. using System.Collections.Generic;
  4. using System.Linq;
  5. using System.Web;
  6. using System.Web.UI;
  7. using System.Web.UI.WebControls;
  8. using System.Data.SqlClient;
  9. using System.Data;
  10. using System.Configuration;
  11. using System.Collections;
  12. using System.Web.Security;
  13. using System.Web.UI.WebControls.WebParts;
  14. using System.Web.UI.HtmlControls;
  15.  
  16. public partial class udsendelser : System.Web.UI.Page
  17. {
  18.     SqlConnection objconn = new SqlConnection(ConfigurationManager.ConnectionStrings["ConnectionString"].ToString());
  19.     SqlCommand objcmd = new SqlCommand();
  20.     protected void Page_Load(object sender, EventArgs e)
  21.     {
  22.  
  23.  
  24.         GetLinks();
  25.  
  26.         if (Request.QueryString["task"] != null)
  27.         {
  28.  
  29.             switch (Request.QueryString["task"].ToString())
  30.             {
  31.                 case "edit":
  32.                     //do
  33.                     break;
  34.             }
  35.  
  36.  
  37.         }
  38.     }
  39.  
  40.  
  41.     private void GetLinks()
  42.     {
  43.  
  44.         if (DateTime.Now.Hour > 3)
  45.         {
  46.  
  47.  
  48.             objcmd.Connection = objconn;
  49.             objcmd.CommandType = CommandType.Text;
  50.             objcmd.CommandText = "SELECT * FROM PROGRAM WHERE DATE >= convert(varchar, GETDATE()) AND DATE <= DATEADD(Month, 2, GETDATE()) ORDER BY date,tid ASC";
  51.  
  52.  
  53.  
  54.             SqlDataReader reader = null;
  55.  
  56.             objconn.Open();
  57.  
  58.             reader = objcmd.ExecuteReader();
  59.             program.DataSource = reader;
  60.             program.DataBind();
  61.  
  62.             objconn.Close();
  63.         }
  64.  
  65.  
  66.         else
  67.         {
  68.  
  69.             objcmd.Connection = objconn;
  70.             objcmd.CommandType = CommandType.Text;
  71.             objcmd.CommandText = "SELECT * FROM PROGRAM WHERE (DATE >= convert(varchar, GETDATE()) OR (DATE <= DATEADD(Month, 2, GETDATE())) AND DATE = DATEADD(day, DATEDIFF(day, 0, GETDATE()), 0)) ORDER BY date,tid ASC";
  72.  
  73.             SqlDataReader reader = null;
  74.  
  75.             objconn.Open();
  76.  
  77.             reader = objcmd.ExecuteReader();
  78.             program.DataSource = reader;
  79.             program.DataBind();
  80.  
  81.         }
  82.     }
  83. }

and the stylesheet page:

ASP.NET Syntax (Toggle Plain Text) 
  1.  
  2. *{margin:0; padding:0;}
  3.  
  4. body {
  5. 	font-family:Verdana, Arial sans-serif; font-size:14px; color:#fff;
  6. 	background-color: #000000;
  7. }
  8.  
  9. p
  10. { 
  11. line-height: 1;
  12. }
  13. .container
  14. {
  15.     width:900px;
  16.     margin-left:180px;
  17. }
  18.  
  19. .container_udsendelser
  20. {
  21.     width:900px;
  22.  
  23. }
  24.  
  25. .top
  26. {
  27.  
  28.    background-image:url(assets/header.jpg);
  29.    width:900px;
  30.    height:179px;
  31.  
  32. }	
  33.  
  34. .menu {	font-family:Verdana, Arial, sans-serif; font-size:12px; color:#9999CC; margin: 0px 20px 0px 0px;}
  35. .menu a:link {color:#9999CC; text-decoration:none;}
  36. .menu a:visited {color:#9999CC; text-decoration:none;}
  37. .menu a:hover {color:#DA0013; text-decoration:none;}
  38. .menu a:mouseover {color:#DA0013; text-decoration:none;}
  39. .menu a:active {color:#DA0013; text-decoration:none;}	
  40.  
  41.  
  42. .Content {	font-family:Verdana, Arial, sans-serif; font-size:14px; color:#fff; margin: 70px 0px 0px 0px;}	
  43. .Content a:link {color:#DA0013; text-decoration:none;}
  44. .Content a:visited {color:#DA0013; text-decoration:none;}
  45. .Content a:hover {color:#fff; text-decoration:none;}
  46. .Content a:mouseover {color:#fff; text-decoration:none;}
  47. .Content a:active {color:#DA0013; text-decoration:none;}
  48.  
  49. .link_tekniker
  50. {
  51.     color:#ffffff;
  52.     font-size:15px;
  53. }
  54.  
  55. .link_tekniker a:link {color:#ffffff; text-decoration:none;}
  56. .link_tekniker a:visited {color:#ffffff; text-decoration:none;}
  57. .link_tekniker a:hover {color:#DA0013; text-decoration:none;}
  58. .link_tekniker a:mouseover {color:#ffffff; text-decoration:none;}
  59. .link_tekniker a:active {color:#ffffff; text-decoration:none;}	
  60.  
  61. h4
  62. {
  63.     color:#9999CC;
  64.     font-weight:normal;
  65. }
  66.  
  67.  
  68. fieldset
  69. {
  70.     width:300px;
  71.     margin-top:10px;
  72.     float:left;
  73.     margin-right:100px;
  74. }
  75.  
  76. .program_txt
  77. {
  78.  
  79.     font-size:15px;
  80.     color:#9999CC;
  81.     width:150px;
  82.     float:left;
  83.  
  84. }
  85.  
  86. .top_om
  87. {
  88.     float:left;
  89.     font-size:15px;
  90.     color:#9999CC;
  91.     width:900px;
  92.     height:150px;
  93. }
  94.  
  95.  
  96.  
  97. .blaa_storre_link {	font-family:Verdana, Arial, sans-serif; font-size:15px; color:#9999CC; margin-bottom:500px; margin: 0px 0px 0px 0px;}
  98. .blaa_storre_link a:link {color:#9999CC; text-decoration:none;}
  99. .blaa_storre_link a:visited {color:#9999CC; text-decoration:none;}
  100. .blaa_storre_link a:hover {color:#DA0013; text-decoration:none;}
  101. .blaa_storre_link a:mouseover {color:#DA0013; text-decoration:none;}
  102. .blaa_storre_link a:active {color:#DA0013; text-decoration:none;}	
  103.  
  104.  
  105. #program_txt_vert
  106. {
  107.  
  108.     font-size:15px;
  109.     color:#fff; 
  110.     width:500px;
  111.     float:right;
  112.  
  113.  
  114. }
  115.  
  116. #program_txt_tekniker
  117. {
  118.  
  119.     font-size:15px;
  120.     color:#fff; 
  121.     width:300px;
  122.     float:left;
  123.  
  124. }
  125.  
  126. #view_img
  127. {
  128.     float:left;
  129.     padding-right:15px;
  130. }
  131.  
  132.  
  133.  
  134. .ur
  135. {
  136.     color:#ff0000;   
  137.  
  138. }
  139.  
  140.  
  141.  
  142. .txt_udsendelser
  143. {
  144.  
  145.     font-size:15px;
  146.     color:#ffffff;
  147. }
  148.  
  149. .bund_txt_om
  150. {
  151.  
  152.     font-size:15px;
  153.     color:#ffffff;
  154.     margin-top:140px;
  155.  
  156.  
  157. }
  158.  
  159. .txt_redaktion
  160. {
  161.  
  162.     font-size:15px;
  163.     color:#fff;
  164.  
  165.  
  166. }
  167.  
  168. .top_om_hojre
  169. {
  170.     position:relative;
  171.     left:450px;
  172.     top:-140px;
  173.     width:300px;
  174.  
  175. }
  176.  
  177.  
  178.  
  179. .linkside {	font-family:Verdana, Arial, sans-serif; font-size:15px; color:#ffffff; margin-left:70px;}
  180. .linkside a:link {color:#ffffff; text-decoration:none;}
  181. .linkside a:visited {color:#ffffff; text-decoration:none;}
  182. .linkside a:hover {color:#DA0013; text-decoration:none;}
  183. .linkside a:mouseover {color:#ffffff; text-decoration:none;}
  184. .linkside a:active {color:#ffffff; text-decoration:none;}	
  185.  
  186.  
  187. .link_venner {	font-family:Verdana, Arial, sans-serif; font-size:15px; color:#9999CC; margin-left:300px;}
  188. .link_venner a:link {color:#9999CC; text-decoration:none;}
  189. .link_venner a:visited {color:#9999CC; text-decoration:none;}
  190. .link_venner a:hover {color:#DA0013; text-decoration:none;}
  191. .link_venner a:mouseover {color:#9999CC; text-decoration:none;}
  192. .link_venner a:active {color:#9999CC; text-decoration:none;}	
  193.  
  194. .container_udsendelser_txt
  195. {
  196.     margin-left:70px;
  197. }
  198.  
  199. .link_udsendelser
  200. {
  201.     font-family:Verdana, Arial, sans-serif; 
  202.     font-size:12px; 
  203.     color:#ff0000; 
  204.  
  205. }
  206. .link_udsendelser a:link {color:#ff0000; text-decoration:none;}
  207. .link_udsendelser a:visited {color:#ff0000; text-decoration:none;}
  208. .link_udsendelser a:hover {color:#ff0000; text-decoration:none;}
  209. .link_udsendelser a:mouseover {color:#ff0000; text-decoration:none;}
  210. .link_udsendelser a:active {color:#ff0000; text-decoration:none;}	
  211.  
  212. .dato_udsendelser
  213. {
  214.     font-size:10px;
  215.     font-weight:bold;
  216.    width:100px;
  217. }	
  218.  
  219. legend
  220. {
  221.     color:#ffffff;
  222. }
  223.  
  224.  
  225.  
  226. .dato_master
  227. {
  228.     text-align:right;
  229.     color:#9999CC;
  230.     margin-left:152px;
  231.  
  232. }
  233.  
  234. .rediger_links
  235. {
  236.     color:#ffff00;
  237. }
  238.  
  239.  
  240.  
  241. #view_titel
  242. {
  243.     float:left;
  244.     width:400px;
  245.     font-size:15px;
  246.     color:#ffffff;
  247. }
  248.  
  249. .linjeafstand
  250. {
  251.     line-height:20px;
  252. }

I hope you can find the error.

Thx
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2008
Posts: 2,052
Reputation: serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light 
Solved Threads: 118
Featured Poster
serkan sendur serkan sendur is offline Offline
Postaholic

Re: Scrollbar not working properly

 
0
  #8
May 4th, 2009
you said you dont have update panels, i see that you have update panels and script managers on your page. as i said this problem is caused by that update panels. if it is not necessary to have them on your page, let the page post back to the server.
Due to lack of freedom of speech, i no longer post on this website.
Reply With Quote Quick reply to this message  
•
•
Join Date: Dec 2008
Posts: 37
Reputation: kischi is an unknown quantity at this point 
Solved Threads: 0
kischi kischi is offline Offline
Light Poster

Re: Scrollbar not working properly

 
0
  #9
May 5th, 2009
Yeah sorry, I also saw it after I had written to you.

But now it works, because I deleted my update panels.
I thought I needed them to get the clock to work, but I guess not. :-D

Thx
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2008
Posts: 2,052
Reputation: serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light serkan sendur is a glorious beacon of light 
Solved Threads: 118
Featured Poster
serkan sendur serkan sendur is offline Offline
Postaholic

Re: Scrollbar not working properly

 
-1
  #10
May 5th, 2009
where is my reputation ?
Due to lack of freedom of speech, i no longer post on this website.
Reply With Quote Quick reply to this message  
Reply
1 2

Quick Reply to Thread
This thread has been marked solved.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the ASP.NET Forum
Thread Tools Search this Thread



.net 2.0 3.5 ajax alltypeofvideos appliances asp asp.net beginner box browser businesslogiclayer button c# c#gridviewcolumn cac checkbox class compatible confirmationcodegeneration content contenttype control countryselector courier dataaccesslayer database datagrid datagridview datalist deployment development dgv dialog dropdownlist dropdownmenu dynamic dynamically edit embeddingactivexcontrol fileuploader fill findcontrol flash flv forms gridview gudi homeedition iis javascript jquery list listbox menu microsoft mouse mssql nameisnotdeclared news novell numerical opera order problem radio ratings redirect registration relationaldatabases reportemail schoolproject search security serializesmo.table sessionvariables silverlight smoobjects software sql sql-server ssl tracking treeview validatedate validation vb.net videos vista visual-studio visualstudio vs2008 web webapplications webarchitecture webdevelopment webprogramming wizard xml xsl
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC