web项目服务器上css不显示不出来,CSS在Web服务器上的呈现方式与在开发环境中的呈现方式不同...

我遇到此问题，即我在开发环境中创建的Web应用程序在将其上载到Web服务器后显示不同。CSS在Web服务器上的呈现方式与在开发环境中的呈现方式不同

我使用相同的浏览器和相同的机器来查看页面。唯一不同的是“服务器”。我正在使用.net 3.5，并在我的开发环境中使用ASP.net Development Server来提供页面。在Web服务器上，页面使用IIS 6.0提供。

我只有一个CSS文件包含在用于控制应用程序中所有CSS的“App_Themes/Default”文件夹中。

下面是一些不显示相同的事情：

1)我有一个可折叠的面板控件，展开后是应该显示在所有其他网页元素的顶部。在开发环境中，它的行为是正确的。在Web服务器上，面板在其他元素下面滑动。

2)我有我的元素定义的背景和一定的字体大小。在我的开发环境中显示时，文本显示在一行上。但是，在Web服务器上，即使文本的大小相同，也会包装文本。这就好像包含div是以某种方式呈现“更小”。

3)没有固定宽度的按钮宽度(因此宽度由按钮文本决定)在开发环境和Web服务器之间是不同的。服务器上的botton总是更宽。

我检查过以确保在服务器和我的开发环境中的machine.config和全局web.config中没有对其他CSS元素的引用。

我知道服务器正在从CSS读取，因为一般来说，它看起来相似(相同的颜色，背景，字体样式等)。这只是大小似乎关闭和分区的分层。

有没有人遇到过这个问题？任何想法，我可以寻找什么？

+0

确保在所有输出的HTML文件的标题中正确设置字符编码，并正确声明。确保你保存了正确的编码格式的文件。 –

2009-12-08 14:42:22

+1

我要检查的第一件事是浏览器缓存，如果你的CSS最近正在经历许多修改。你也可以使用Firefox的Firebug来检查每个DOM元素应用了哪些CSS。 一个Web位置，用于演示您的Web服务器向您展示的内容，或者如果可能，某些CSS代码可能会帮助您查看更深层次的内容。 –

2009-12-08 14:44:21