2011-09-16 27 views
3

私はVisual Studio 2010で作業しています。コードは完全に実行されていましたが、突然、なぜ水平スクロールバーが表示されたのか分かりません。誰もスクロールバーを削除する方法を考えていますか?以下は私のコードです。あなたの助けをありがとうこのスクロールバーを削除するにはどうすればよいですか?

<%@ Page Title="Reports" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" 
    CodeBehind="Reports.aspx.cs" Inherits="F.Reports" %> 

<%@ Register Assembly="CrystalDecisions.Web, Version=13.0.2000.0, Culture=neutral, PublicKeyToken=692fbea5521e1304" 
    Namespace="CrystalDecisions.Web" TagPrefix="CR" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"> 
    <title></title> 
    <link type="text/css" rel="Stylesheet" href="Styles/jquery-ui-1.8.16.custom.css" /> 
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.js"></script> 
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $(".dateFrom").datepicker({ dateFormat: 'dd/mm/yy' }); 
      $(".dateTo").datepicker({ dateFormat: 'dd/mm/yy' }); 
     }); 
    </script> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
    <h2> 
    Reports</h2> 
    <div id="Div4" style="position: absolute; left: 310px; margin-top: 40px;"> 
     <h3> 
      From Date 
     </h3> 
     <asp:TextBox ID="DateField" class="dateFrom" runat="server" autocomplete="off"></asp:TextBox> 

    </div> 
    <div id="Div3" style="position: absolute; left: 500px; margin-top: 40px;"> 
     <h3> 
      To Date 
     </h3> 
     <asp:TextBox ID="DateField2" class="dateTo" runat="server" autocomplete="off"> 
     </asp:TextBox> 

    </div> 
    <div id="Div1" style="position: absolute; left: 0px; margin-top: 40px; right: 295px;"> 
     <h3> 
      Choose Report</h3> 
     <asp:DropDownList ID="ReportDropDownList" runat="server"> 
      <asp:ListItem Value="0">Report1</asp:ListItem> 
      <asp:ListItem Value="1">Report2</asp:ListItem> 
      <asp:ListItem Value="2">Report3 </asp:ListItem> 
      </asp:DropDownList> 
    </div> 
    <div id="Div2" style="position: relative; left: 690px; margin-top: 55px;"> 
     <asp:Button ID="GenerateReportButton" runat="server" Text="OK" OnClick="GenerateReportButton_Click" /> 
    </div> 
</asp:Content> 
+1

をもたらすであろうあなたの質問は多くの問題があります。** 1 **あなたの質問のISN」をスクロールバーの問題については本当に明らかですか?水平または垂直のスクロールバーですか?それはVisual Studio(あなたがそれを言及しているので)か、それはブラウザです(あなたはまったく言及していません)。どの要素がスクロールバーを表示しているようですか(FireBugで確認してください)。 **そして2。**あなたのコードは本当に役に立たない。実際に問題を見ることができるようにJSFiddleに入れる方が良いでしょう(ブラウザの問題の場合)。 _私はいくつかのことに答えてくれるので、これを答えとして入れることができますが、それはあなたの助けになるからです._ –

+0

これは水平スクロールバーであり、ブラウザで起こります。申し訳ありません – mikespiteri

答えて

1

オーバーフローを設定:非表示;それ以外の場合、Overflow:autoを設定すると、必要に応じてスクロールバーが表示されます。

これで解決するはずです。

0

CSSスタイルのオーバーフローを使用できます。スクロールバーを削除します。 DIVに収まらない情報は表示されません。問題を解決するには、固定divの高さを削除することもできます。

+0

彼のコードによると、DIV要素のどれも高さを定義していません... –

+0

それは(彼がコメントしたように)うまくいけません幅は問題ではない高さです。 –

3

ウェブブラウザでの水平スクロールバーを非表示にするには、<body>タグに<html>タグにstyle="overflow-x:hidden"を挿入することはできませんが。 <html style="overflow-x:hidden">すなわち

あなたが水平スクロールバー

すなわち<body style="overflow-x:hidden">を無効にすることができますないが無効に効果

関連する問題