Как я могу удалить эту полосу прокрутки? - PullRequest
Новая
       3

Как я могу удалить эту полосу прокрутки?

3 голосов
/ 16 сентября 2011

Я работаю над 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>

Ответы [ 3 ]

3 голосов
/ 29 апреля 2012

Чтобы скрыть горизонтальную полосу прокрутки в браузере, вы можете вставить style="overflow-x:hidden" в тег <html>, но не в тег <body>.

т.е. <html style="overflow-x:hidden"> позволит отключить горизонтальную полосу прокрутки

т.е.. <body style="overflow-x:hidden"> будет не даст эффект отключения

1 голос
/ 16 сентября 2011

Установить переполнение: скрыто ;. В противном случае параметр «Переполнение: авто» будет отображать полосы прокрутки всякий раз, когда они необходимы.

Это должно исправить.

0 голосов
/ 16 сентября 2011

Вы можете использовать переполнение стиля CSS: hidden; удалить полосу прокрутки. Информация, которая не помещается в DIV, не будет отображаться. Вы также можете удалить фиксированную высоту div для решения проблемы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...