我有一个CSS问题.根据我从Web服务器运行我的Web应用程序与本地VS2010开发服务器的不同,我的DIV的布局也不同.

当我在本地运行时,我的三个内部DIV(preButtons,navContainer,postButtons)都显示为内联,但是当我从IIS 7.5 Web服务器发布并运行时,每个div后面都有一个换行符.

知道我错过了什么吗？

这是HTML：

<style type="text/css">    
    div#pager div
    {
        display: inline-block;
    }

    #navContainer
    {
        width: 340px;
        height: 28px;                
        overflow: hidden;   
        position: relative;     
    }

    #reel
    {
        position: absolute;
        top: 0;
        left: 0;      
        width: 0;  
    }

</style>
<div id="pager">
    <div id="preButtons"></div>
    <div id="navContainer">
        <div id="reel">
        </div>
    </div>
    <div id="postButtons"></div>
</div>

更新：

以下是该问题的截图.蓝色边框是因为我在IE开发人员工具中选择了“寻呼机”div.

更新：

在一天结束时,我的问题是双重的.

我的HTML& CSS需要按照指示清理,但我的网站也在兼容模式下打开.这是因为在工具 – >下检查了“在兼容性视图中显示Intranet站点”选项.兼容性视图设置.我认为当我的公司将IE8部署到我们的桌面时会自动设置.

谢谢大家的帮助！

您可以在此处大大简化代码.把你的三个div放在一个容器里.向左三个漂浮.之后清除浮子.不再需要绝对定位.木已成舟.

例如：
HTML：

<div>
       <div></div>
       <div></div>
       <div></div>
       <div></div>
</div>

CSS：

.floatleft {
  float: left;
}

.clear {
  clear:both;
}

顺便说一下,根据你的分页,你可能会更容易做一个javascript网格,例如DataTables,这将取消任何这一点的需要….

IIS是Web服务器还是应用程序服务器？

还是两者兼而有之？

.Net中的Web和应用程序服务器之间(或相似之处)有什么区别？

谢谢！

更新：经过进一步调查,得出以下结论：
这完全取决于用于“服务”的协议

Web服务器：仅HTTP和App服务器：任何,包括HTTP.

不确定IIS是否有其他与HTTP有很大差异的协议(如果它没有,)可能在更严格的意义上,只是一个Web服务器！ (http://technet.microsoft.com/en-us/library/cc268242.aspx)

根据定义,应用程序服务器应该能够提供(任何)“应用程序”;不只是浏览器. (在这种情况下,Web服务是一个有问题的领域)

纠正上面的错误……再次感谢.

IIS 6.0基本上是一个Web服务器,带有扩展名aspnet_isapi.dll,用于处理ASP.NET功能.在IIS 7.0及更高版本中,.NET处理已集成到Web服务器本身,IIS可能被视为托管.NET应用程序(ASP.NET)的应用程序服务器.

如果您正在寻找类似于.NET中的Java Bean容器的东西,那么实际上没有这样的概念.您可以使用Windows服务,也可以使用Windows Azure辅助角色,它们类似于JBoss等“app servers”.

还有更具体的问题吗？在不偏离原始问题的情况下,很难详细说明.