2013-03-15 151 views
0

我只是对目前发生的事情有一个简短的问题。当我将它上传到网络服务器时,在一个浏览器中,css设置必须与本地主机上的相同吗?没有填充本地主机,但在网络服务器上?

我犯了一个截屏,显示我的意思:

这里是什么样的网络服务器:

web

在这里它是在本地主机上的内容:

local

我会上传一个Web服务器上的CSS文件,当我看看我的本地主页上的哈预览我会看到它的方式。它是完全相同的文件,也是相同的浏览器(safari,chrome,firefox)。

input[type="text"],[type="password"] { 
    color: #ccc; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    width: 170px; 
    height: 15px; 
    line-height: 10px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    padding-left:5px; 
    pading-right:5px; 
    padding-top:3px; 
    padding-bottom:2px; 
    outline:none; 
} 

,并在其本地主机上寻找时,有isn't任何填充:通过调用Web服务器页面,输入域究竟是什么在CSS有加填充?我使用重置的CSS文件,但不认为这会导致这种现象。那怎么可能?

唯一不同的是,我想提到的是,在本地主机上,由于php和通知消息的error_reporting,整个身体向下延伸。

DOCTYPE是:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

感谢。

+0

保存这两个服务器上的HTML输出,并使用一个diff工具,看看什么是不同的 - 应该不会是。 – Jon 2013-03-15 12:43:22

+0

你在本地主机**和**你的网络服务器上使用重置,还是只使用其中的一个? – Raad 2013-03-15 12:45:13

+0

你好,谢谢。什么是差异工具?你能告诉我一个吗? – bonny 2013-03-15 12:45:15

回答

1

我认为这是在填充右一个错误pading-right:5px;

另外,您正在使用的代码是好的,但一段时间后,可能会发生一些伪不工作,所以最好直接使用,而在CSS定义。这样的..

input[type="text"],input[type="password"] { 
    color: #ccc; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    width: 170px; 
    height: 20px; 
    line-height: 14px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    padding:3px 5px; 
    outline:none; 
} 

尝试使用此代码替换和回复如果没有工作呢:)

相关问题