Asp.net 服务器标记格式不正确,gridview不适合屏幕
当我将此代码Width=“100%”添加到我的aspx文件源中时,我发现此服务器标记格式不正确。我的gridview不适合页面。因此,Width=“100%”是互联网为适应屏幕尺寸而提供的解决方案之一。然而,它似乎不起作用。我也尝试使用这个css标签,并将其添加到我的css文件中,并将必要的代码添加到css文件中,但它似乎不适合屏幕 这是我的密码 ASPX源代码:Asp.net 服务器标记格式不正确,gridview不适合屏幕,asp.net,visual-studio,gridview,Asp.net,Visual Studio,Gridview,当我将此代码Width=“100%”添加到我的aspx文件源中时,我发现此服务器标记格式不正确。我的gridview不适合页面。因此,Width=“100%”是互联网为适应屏幕尺寸而提供的解决方案之一。然而,它似乎不起作用。我也尝试使用这个css标签,并将其添加到我的css文件中,并将必要的代码添加到css文件中,但它似乎不适合屏幕 这是我的密码 ASPX源代码: <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHo
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<ul id="info">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="100%" BackColor="#CCCCCC" BorderColor="#999999" BorderStyle="Solid" BorderWidth="3px" CellPadding="4" CellSpacing="2" DataKeyNames="caseid" DataSourceID="SqlDataSource1" ForeColor="Black">
<Columns>
<asp:BoundField DataField="caseid" HeaderText="caseid" ReadOnly="True" SortExpression="caseid" />
<asp:BoundField DataField="fullname" HeaderText="fullname" SortExpression="fullname" />
<asp:BoundField DataField="contact" HeaderText="contact" SortExpression="contact" />
<asp:BoundField DataField="typeofcrime" HeaderText="typeofcrime" SortExpression="typeofcrime" />
<asp:BoundField DataField="location" HeaderText="location" SortExpression="location" />
<asp:BoundField DataField="datetime" HeaderText="datetime" SortExpression="datetime" />
<asp:BoundField DataField="citizenreport" HeaderText="citizenreport" SortExpression="citizenreport" />
</Columns>
<FooterStyle BackColor="#CCCCCC" />
<HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#CCCCCC" ForeColor="Black" HorizontalAlign="Left" />
<RowStyle BackColor="White" />
<SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#808080" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#383838" />
</asp:GridView>
</ul>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:projectConnectionString %>" SelectCommand="SELECT [caseid], [fullname], [contact], [typeofcrime], [location], [datetime], [citizenreport], [picture] FROM [Report]"></asp:SqlDataSource>
</asp:Content>
母版页文件:
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Admin.master.cs" Inherits="AdminWebApp.Admin" %>
<!DOCTYPE html>
<html lang="en">
<head id="Head1" runat="server">
<script type="text/javascript">
<!-->
var image1 = new Image()
image1.src = "image/s1.jpg"
var image2 = new Image()
image2.src = "image/s2.jpg"
var image3 = new Image()
image3.src = "image/s3.jpg"
var image4 = new Image()
image4.src = "image/s4.jpg"
var image5 = new Image()
image5.src = "image/s5.jpg"
//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>iPolice</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<!--[if lt IE 8]>
<script src ="http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE8.js"></script>
<![endif]-->
</head>
<body>
<form id="form1" runat="server">
<ul id="Slideshow">
<img src="image/s1.jpg" name="slide" width="1025px" height="250px">
<script type="text/javascript">
<!--
var step = 1
function slideit() {
document.images.slide.src = eval("image" + step + ".src")
if (step < 5)
step++
else
step = 1
setTimeout("slideit()", 2500)
}
slideit()
//-->
</script>
</ul>
<%-- <input type="image" id="header" style="height:250px;width:1148px;" src="image/header.jpg" /> --%>
<input type="image" id="myimage" style="height:53px;width:200px;" src="image/logo.jpg" >
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Report</a></li>
<li><a href="#">Recent cases</a></li>
<li><a href="#">About</a></li>
</ul>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js" type="text/javascript"> </script>
<script type="text/javascript" src="js/scripts.js"></script>
<div style="left: 0%; width: 1150px; position: absolute; top:80%; height: 800px;">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>
var image1=新图像()
image1.src=“image/s1.jpg”
var image2=新图像()
image2.src=“image/s2.jpg”
var image3=新图像()
image3.src=“image/s3.jpg”
var image4=新图像()
image4.src=“image/s4.jpg”
var image5=新图像()
image5.src=“image/s5.jpg”
//-->
伊波利斯
试试这个:
.GridView
{
width: 100%;
table-layout: fixed;
}
为什么要用
ul
包装GridView
?这是无效的HTML标记。@请更正,并尝试#GridView1{width:100%}
@DiederikEEn因为.Net控件的动态特性,我会避免使用Id。对TIM来说:我不太熟悉将html5与c结合使用来开发我的Web应用程序。我的主页有一个ul标记,我用html5来开发它。我使用ul标记调整了一些位置,并将其与css文件链接。aspx文件在gridview中没有提示我任何错误,因此我不知道它对Diederike无效:您给出的代码是要放在我的CSS文件中的?如果是,它似乎不起作用:/removed,结果仍然相同。您需要将CssClass=“GridView”
添加到控件中才能使用此css类。我已经这样做了:(如果我没有弄错的话,.gridview代码应该放在我的css文件中。不幸的是,我的gridview似乎超过了我的图像幻灯片标题的大小。我建议创建一个新页面,将你的gridview放在那里。但只放gridview。使用CssClass=“gridview”还有我以前写过的css。它应该可以工作,也不要忘记从gridview中删除width属性。这应该可以解决您的问题。此外,您可以添加其他组件,并检查导致实际问题的原因。
.GridView
{
width: 100%;
table-layout: fixed;
}