Html 网页托管时CSS布局失败
我有一个带有CSS布局的网页。当地一切正常。布局在Chrome&IE中正确生成。但是,当托管同一页面时,IE中的布局完全混乱 总结如下: 本地:file:///C:/website/index.htmHtml 网页托管时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:
- 铬:好的李>
- IE 10:好的李>
- 铬:好的李>
- IE 10:NOk李>
.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;
我还要补充一点,你的问题有点让人困惑。您添加的链接显示为将我发送到网站建设者主页
您可能会遇到一些问题
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没有正确显示?这可能是一个明确的修复问题,因为您没有清除浮动?