html – CSS和IE8的问题,Box只在IE8中有溢出重复的图像!请帮忙!

html – CSS和IE8的问题,Box只在IE8中有溢出重复的图像!请帮忙!,第1张

概述我有几个div框只有在Internet Explorer 8中显示溢出/重复图像的问题.它在Chrome& Firefox浏览器. 链接到问题的图像:http://img220.imageshack.us/img220/2209/cssproblem.png 我真的不确定发生了什么……注意.在上图中,我突出显示了匹配其div的CSS类.这里有一些CSS&我正在使用的HTML代码: HTML :(注 我有几个div框只有在Internet Explorer 8中显示溢出/重复图像的问题.它在Chrome& firefox浏览器.

链接到问题的图像:http://img220.imageshack.us/img220/2209/cssproblem.png

我真的不确定发生了什么……注意.在上图中,我突出显示了匹配其div的CSS类.这里有一些CSS&我正在使用的HTML代码:

HTML :(注意:我删除了框内的所有表单元素,因为我删除了它,问题仍然存在)

<div >            <h1>Where to Search?</h1>    </div><!--introtext -->    <div >        <div >            <h2 >What to Search?</h2>        </div><!--#end qms_search_header-->        <div  align="left">            <!--Form Stuff -->        </div><!--#end qms_search_Box-->    </div><!--#end qms_search_container--></div><!--#end intro_banner-->

CSS:

.introbanner {         background:url(../img/header_bg.gif) no-repeat bottom left #FFF;         wIDth:700px;         height:230px;         padding:0 0 30px 0;         margin-bottom:10px;         overflow:hidden;    }    .introtext {        wIDth:194px;         float:left;         color:#FFF;         border-right:2px solID #FFF;        height:206px; background:url(../img/intro_bg_left.gif) no-repeat top left #222935;         padding:12px;    }   .qms_search_container {         float:right;         wIDth:456px;         height:206px;         padding:12px;         overflow:hidden;         background:url('../public/frontend/img/area_banner.jpg') no-repeat top left #ffffff;   }   .qms_search_header {         wIDth:430px;         height:32px;    }    .qms_search_header h2 {         margin:0 0 0 0; padding:0; color:#FFF; Font-weight:100; Font-size:20px; background-image:none; height:auto;    }     .qms_search_Box {          wIDth:436px;          height:164px;          background:url(../img/qms_search_bg.png);          padding:5px;          overflow:hidden;     }

我已经坚持这个问题很久了,任何帮助都会非常感激!

谢谢,
丹尼.

@H_419_31@解决方法 从您发布的链接 samvaughton.com/search,您在IE中的问题区域周围有无效的HTML.如果您签入IE开发人员工具,< div class =“introtext”>似乎没有正确关闭,因此右手内容被解释为在同一个div中.修复无效的HTML后,请确保float:right qms_search_container出现在标记的左侧之前.这应该解决你认为的< = ie8问题. 总结

以上是内存溢出为你收集整理的html – CSS和IE8的问题,Box只在IE8中有溢出/重复的图像!请帮忙!全部内容,希望文章能够帮你解决html – CSS和IE8的问题,Box只在IE8中有溢出/重复的图像!请帮忙!所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1058731.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存