Question

我在2页上有以下HTML代码：

<form id="searchform" action="http://conelmorrofino.com/" method="get" role="search">
<div>
     <input id="s" type="text" name="s">
     <input id="searchsubmit" type="submit" value="">
 </div>
 </form>

和以下CSS：

#s {
background:#C5C6C8;
border:0;
border-radius:5px,0px,5px,0px !important;
margin-bottom:15px;
padding-left:10px;
padding-right:35px;
width:123px;
float:left;
-moz-border-radius:5px,0px,5px,0px !important;
-webkit-border-radius:5px,0px,5px,0px !important;
}
#searchsubmit {
background: url("images/search_icon.jpg") no-repeat scroll right center #C5C6C8;
border: medium none;
border-radius: 0 5px 5px 0;
cursor: pointer;
float: left;
height: 30px;
margin-top: 4px;
width: 22px;
}
input[type="text"] {
border-radius: 5px 0 0 5px;
height: 28px;
margin-top: 4px;
}

表格在主页和其他页面上都有完美的风格，它看起来不正确..宽度较小......另一个更高......

实时exameples - 这是右侧边栏中的搜索字段：

主页：http://conelmorrofino.com/ - 这看起来很完美

其他页面：http://conelmorrofino.com/mapa/ - 搜索输入的宽度较小......

有什么不对？提前谢谢你们......

Answer 1

你是对的，代码是一样的。当发生这种情况时，我总是从修复错误开始：http://validator.w3.org/check?uri=http%3A%2F%2Fconelmorrofino.com%2Fmapa%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

现在它甚至还没有完成，所以在修复你的doctype后，你可能会发现更具启发性的东西。如果您仍然遇到问题，请在修复doctype后立即报告。（你只需要把它作为页面上的第一件事，现在它之前有一个换行符和空格）

相同的CSS和HTML代码，但在2页上看起来不同

1 个答案: