Css jsFiddler在代码与visualstudio的对比中展示了一件事
我真的被难住了。这个fiddler(如下所示也是因为堆栈溢出不允许我在不发布代码的情况下直接链接到fiddler)的工作方式与我在fiddler中寻找的方式相同。然而,在Visual Web Developer 2010 Express中使用完全相同的代码时,主菜单部分是正确的,但是播放器选择部分(下拉菜单和3个按钮)没有灰色背景或一些细微的居中格式。可能有什么不同 即使我从VS启动了不同的浏览器,这种情况也会发生。有人可以将jsFiddler代码插入VS Web Developer 2010 Express的网页中,看看他们是否看到播放器选择部分的背景不是灰色的吗 HTML:Css jsFiddler在代码与visualstudio的对比中展示了一件事,css,html,Css,Html,我真的被难住了。这个fiddler(如下所示也是因为堆栈溢出不允许我在不发布代码的情况下直接链接到fiddler)的工作方式与我在fiddler中寻找的方式相同。然而,在Visual Web Developer 2010 Express中使用完全相同的代码时,主菜单部分是正确的,但是播放器选择部分(下拉菜单和3个按钮)没有灰色背景或一些细微的居中格式。可能有什么不同 即使我从VS启动了不同的浏览器,这种情况也会发生。有人可以将jsFiddler代码插入VS Web Developer 2010
有两件事在你的项目中可能没有:第一,DOCTYPE。页面上列出的DOCTYPE与小提琴上实际加载的DOCTYPE不同,后者是HTML5 DOCTYPE,
,因此请将当前DOCTYPE切换到该DOCTYPE。不管怎么说,它要好得多。第二个是使用normalize.css
工作表,它会重置页面上的元素,因此请确保项目中也包含了这些元素
编辑
另一个问题是,您的脚本没有加载到
标记中。从小提琴上看,DOCTYPE与我上面发布给我的内容完全相同。不知道为什么你会看到不同。我从未听说过normalize.css。你会怎么做?我为此做了一个谷歌,似乎谷歌有一个。这是要使用的实际版本吗?@user441521小提琴中呈现的DOCTYPE与您的不同,请查看全屏版本的源代码:我明白了。但似乎没有任何帮助(也将脚本标记放在标题中)。你有VS吗?如果是,你能看到吗?@user441521我现在不在我的工作机器上。确保你也包括这张表。我是。用新的HTML更新了原始帖子。我想我没问题。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="Scripts/LocalStorageDB.js"></script>
<script type="text/javascript" src="Scripts/Main.js"></script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>My Golf Score</title>
<link rel="stylesheet" type="text/css" href="Style/normalize.css" />
<link rel="stylesheet" type="text/css" href="Style/Main.css" />
</head>
<body>
<div id="divMainMenu">
<input id="btnNewRound" type="button" value="New Round" onclick="return btnNewRound_onclick()" />
<input id="btnCurrentRound" type="button" value="Current Round" onclick="return btnCurrentRound_onclick()" />
<input id="btnRoundHistory" type="button" value="Round History" onclick="return btnRoundHistory_onclick()" />
<input id="btnReports" type="button" value="Reports" onclick="return btnReports_onclick()" />
</div>
<div id="divPlayerSelect">
<div id="divPlayerSelectName">
Player:
<select id="lstPlayer">
<option></option>
</select>
</div>
<div id="divPlayerSelectButtons">
<input id="btnNewPlayer" type="button" value="New Player" onclick="return btnNewPlayer_onclick()" />
<input id="btnBackPlayer" type="button" value="Back" onclick="return btnBackPlayer_onclick()" />
<input id="btnDonePlayer" type="button" value="Done" onclick="return btnDonePlayer_onclick()" />
</div>
</div>
</body>
</html>
html, body
{
text-align: center;
min-height: 100%;
position: relative;
height: 100%;
padding: 0;
margin: 0;
}
td,th
{
text-align: center;
}
#divMainMenu
{
margin: auto;
height: 100%;
width: 100%;
display: block;
background-color: Gray;
border: 1px solid red
}
#divMainMenu input[type="button"]
{
display: block;
width: 70%;
margin: auto;
height: 14%;
margin-bottom: 2.5%;
padding: 0;
margin-top: 2.5%;
font-size: 400%;
}
/* START: Player select window*/
#divPlayerSelect
{
border: 10px solid blue;
background-color: Gray;
width: 100%;
height: 100%;
font-size: 150%;
}
#divPlayerSelectName
{
border: 1px solid yellow;
width: 100%;
font-size: 200%;
padding-bottom: 5%;
}
#divPlayerSelectName select
{
width: 50%;
height: 200%;
font-size: 85%;
}
#divPlayerSelectButtons
{
border: 1px solid green;
height: 100%;
width: 100%;
}
#divPlayerSelectButtons input
{
width: 25%;
height: 15%;
font-size: 200%;
margin: 5px;
}