2011-02-18 75 views
8

我在生成文本框的网站的页面上有一个用户控件。该文本框具有指定的宽度,但文本框间的显示宽度小于代码中指定的宽度。我要求用户发送“查看源”输出的副本,以便我可以比较好的和坏的结果。通过“间歇”,我的意思是类似的构建 - 不同的计算机。请注意,糟糕的结果始终显示在相同的“坏”计算机上(有多个用户出现此问题),相反,“好”计算机(所有计算机的IE7版本与“坏”计算机版本相同)总是显示“好”的结果。文本框宽度问题 - ASP.NET

当正确显示网页,发送到浏览器的HTML看起来像这样:

<input name="ShortDescription" type="text" maxlength="100" 
id="ShortDescription" class="content" style="width:800px;" /> 

,当它呈现不正确,它看起来像这样:

<input name="ShortDescription" type="text" maxlength="100" 
id="ShortDescription" class="content" /> 

在这两个情况下,ASP.NET代码是:

<asp:textbox id="ShortDescription" runat="server" 
CssClass="content" Width="800px" MaxLength="100"> </asp:textbox> 

我不知道为什么样式标记被丢弃。上述页面均在不同计算机上的相同浏览器(IE7)中查看。计算机有一个公司版本,所以他们“应该”配置相同。

我将不胜感激任何帮助!

回答

11

尝试与所述的CssClass设定文本框,或作为风格属性参数,而不是使用width属性

<asp:TextBox id="ShortDescription" runat="server" CssClass="content" MaxLength="100" style="width: 800px" />
<style>.content { width: 800px }</style> 
<asp:TextBox id="ShortDescription" runat="server" CssClass="content" MaxLength="100" />
+0

谢谢!!!!这为我做了! – user623863 2011-02-19 16:44:33

+0

如果有人正在努力使用宽度作为百分比,请尝试使用最小宽度属性 – 2016-08-18 11:13:34

5

在过去,我发现通过您的类本身设置宽度,而不是使用文本框的宽度属性将确保控件正确呈现。

0

为解决文本框中

采取一个皮肤文件,并把下面的代码的宽度......

例如 “skinFile.skin”

<textbox runat="server" width="200px"/>

......................................

之后,把下面的代码放到你的aspx页面中。

Theme="SkinFile 

例如...

<%@ Page Language="C#" MasterPageFile="~/AdminMaster.master" AutoEventWireup="true" CodeFile="stu_resgistration.aspx.cs" Inherits="AdminSide_stu_resgistration" Title="Untitled Page" Theme="SkinFile"%> 
3

应用最小宽度属性。

在你的CSS样式表

.Textbox 
{ 
min-width:100%; 
} 

在你*的.aspx

<asp:TextBox CssClass="TextboxStyle" placeholder="Enter the Title" runat="server" ID="TextBox1"></asp:TextBox> 

这将更新您的文本框中