Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 网页托管时CSS布局失败_Html_Css - Fatal编程技术网

Html 网页托管时CSS布局失败

Html 网页托管时CSS布局失败,html,css,Html,Css,我有一个带有CSS布局的网页。当地一切正常。布局在Chrome&IE中正确生成。但是,当托管同一页面时,IE中的布局完全混乱 总结如下: 本地:file:///C:/website/index.htm 铬:好的 IE 10:好的 托管: 铬:好的 IE 10:NOk 有人对这个问题有想法吗 本地工作但不在线的代码示例: CSS .headerleft { float: left; width: 246; height: 56; background-image:

我有一个带有CSS布局的网页。当地一切正常。布局在Chrome&IE中正确生成。但是,当托管同一页面时,IE中的布局完全混乱

总结如下:

本地:file:///C:/website/index.htm

  • 铬:好的
  • IE 10:好的
托管:

  • 铬:好的
  • IE 10:NOk
有人对这个问题有想法吗

本地工作但不在线的代码示例:

CSS

.headerleft {
   float: left; 
   width: 246;
   height: 56;
   background-image:url(images/Logo_2.png);     
}
HTML

<div class = "headerleft">      
</div>

样式表链接

<link href="style.css" type="text/css" rel="stylesheet" />


例如,这里的div大小为null,不显示背景图像。

将这一行添加到css中。不要删除任何内容。看看这是否会使图像加载到IE9中

background: url('/images/Logo_2.png');
如果您不想重复添加,也可以添加

background: url('/images/Logo_2.png') no-repeat;
我还要补充一点,你的问题有点让人困惑。您添加的链接显示为将我发送到网站建设者主页

您可能会遇到一些问题

  • 由于某些原因,您提供的链接的扩展名为.htm而不是.html。 在浏览器中更改此选项没有帮助

  • 您可能会将查看页面的链接与用于创建页面的主站点的链接混淆

  • 您可以更改服务器上htaccess文件中的设置,以加载具有不同文件扩展名的页面

  • 如果这些步骤没有帮助,请提供更多信息,我将尽力帮助您

    如果您在浮动后注意到div的不稳定行为,那么clearfix可能会有所帮助。这是通过清除浮动来完成的

    clear: both;
    
    以下是清除浮动的方式:

    请阅读以下内容以帮助您理解:

    下面是一个示例代码:

    在css中创建一个类

    .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
        }
    * html .clearfix             { zoom: 1; } /* IE6 */
    *:first-child+html .clearfix { zoom: 1; } /* IE7 */
    
    现在,您可以在html中添加清除补丁

    <div style="float: left;" class="clearfix">Sidebar</div>
    
    侧栏
    
    不,没有HTML就不行……什么版本的IE-本地和托管时的相同版本?什么特别不起作用?屏幕截图或示例将非常有用!如何链接到样式表???请给我们看一些代码。如果您检查
    Firebug
    中的
    net
    选项卡,或者
    Chrome
    开发工具,是否都加载了?任何404?您的
    .headerleft
    -
    宽度
    高度
    样式上缺少的px,因此->
    宽度:246px;高度:56px谢谢你的建议。背景属性不会改变任何东西。显示的链接不希望发送到任何地方,它只是一个示例:)。使用链接访问的页面与创建的页面之间没有混淆。这绝对是一样的,但奇怪的是,同样的IE 10在我的硬盘中可以正确打开页面,但在联机时失败。我将扩展名更改为html,但问题仍然存在。是否只是背景img没有正确显示?这可能是一个明确的修复问题,因为您没有清除浮动?