- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我试图让一个简单的 HTML/CSS 页面作为 eBay 模板工作,但是它无法在 IE 中正确呈现。由于 eBay 的 HTML 选择,列表将始终以怪癖模式呈现(列表的 iframe 中没有文档类型引用)。只有当浏览器窗口比列表要求的窄 (~1000px) 时才会出现问题。我已经尝试为此使用各种 CSS hack(IE 的框模型、双边距等),但我无法弄清楚问题出在哪里,除了 IE 似乎试图将页面内容渲染到宽度窗口的宽度,覆盖定义的宽度(根据背景图像被剪短的方式判断,即使它们的 div 标签定义了最小宽度。无论如何,HTML 是(我添加了点来打破 img 和标签,以便这个可以发帖):
<style type="text/css">
img {border:none;}
.head {min-width:1000px; width:auto !important; width:1000px; min-height:100px; text-align:center; padding:0; margin:0px auto; padding-top: 172px; background: #d4e1ea url(xxxx) no-repeat center top;}
.left {margin-top:20px; padding:0; float:left;}
.right {width:200px; margin:0px; margin-top:10px; padding:0; float:right;}
.main {margin-left:189px; margin-top:20px; margin-right:10px; min-width:800px; width:auto !important; width:800px;}
.frame (width:100%}
.foot {width:564px; margin-top:20px;}
.title {height:68px; width:563px; background-image:url(xxxx); padding:0; text-align:center; font-size:22px; text-transform:uppercase; font-weight:bold; font-family:Helvetica,Tahoma,Arial,sans-serif;}
.mid {min-height:210px; width:563px; background:repeat-x; padding:0; margin-top:15px; margin-bottom:10px; overflow:hidden;}
.mid-top {height:34px; background:no-repeat; margin:0; margin-bottom:10px;}
.mid-main {margin-left:15px; overflow:hidden;}
.mid-main, .mid-main table {font-size:14px;}
.foot .mid-main {height:450px; margin:0; margin-left:1px; padding-left:15px; padding-top:5px; clear:both; background:url(xxxx) repeat-x;}
.menu, .img {list-style:none; margin:0; padding:0;}
.menu li {margin:0 0 10px 0; padding:0;}
.menu li a {position:relative; display:block;}
.menu li a img {position:absolute; left:0px;}
.menu li a:hover img {left:0px;}
.img li div {width:200px; height:200px; margin-bottom: 20px;}
.search {min-height:56px; padding-top:41px; padding-left:12px; margin-bottom:20px; background:url(xxxx) no-repeat;}
</style>
<div class="head">
<!-- FLASH OBJECT -->
</div>
<div class="left">
<div class="search"><form action="xxxx" method="get" name="search">
<input type="name" name="_nkw" id="eb-srch" length="10" value="Search..." />
<input type="submit" value="Search" name="submit" />
</form></div>
<ul class="menu" id="ldca-menu">
<li><.a href="xxx"><.img src="xxxx" /></a></li>
<li><.a href="xxx"><.img src="xxxx" /></a></li>
<li><.a href="xxx"><.img src="xxxx" /></a></li>
</ul>
</div>
<div class="main">
<div class="right"><ul class="img">
<li><.a href="xxxx"><.img src="xxxx" width="200" height="178" alt="image" /></a></li>
<li><.a href="xxxx"><.img src="xxxx" width="200" height="178" alt="image" /></a></li>
<li><.a href="xxxx"><.img src="xxxx" width="200" height="178" alt="image" /></a></li>
</ul></div>
<div class="frame">
<div class="title">Thing to Sell</div>
<div class="desc mid">
<div class="mid-top"><!-- CSS BG image --> </div>
<div class="mid-main">Description....blah..</div>
</div>
<div class="specs mid">
<div class="mid-top"><!-- CSS BG image --> </div>
<div class="mid-main"><!-- more description --></div>
</div>
</div>
<div class="foot">
<ul id="ldft-menu" class="menu">
<li><div onclick="x" class="x"><.img alt="x" src="xxxx" /></div></li><!-- JS is to change img sprite to hightlight tab -->
<li><div onclick="x" class="x"><.img alt="x" src="xxxx" /></div></li><!-- JS is to change img sprite to hightlight tab -->
<li><div onclick="x" class="x"><.img alt="x" src="xxxx" /></div></li><!-- JS is to change img sprite to hightlight tab -->
</ul>
<div class="mid-main">
<div id="ldft-1">
<h3>Tab Title</h3>
<p>Content</p>
</div>
<div id="ldft-2">
<h3>Tab Title</h3>
<p>Content</p>
</div>
<div id="ldft-3">
<h3>Tab Title</h3>
<p>Content</p>
</div>
</div>
</div>
</div>
最佳答案
尝试添加
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
在你的标题中。这将强制执行符合 IE 标准的呈现。
关于html - 解决 IE 怪癖模式下的渲染错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3770329/
我已经使用 vue-cli 两个星期了,直到今天一切正常。我在本地建立这个项目。 https://drive.google.com/open?id=0BwGw1zyyKjW7S3RYWXRaX24tQ
您好,我正在尝试使用 python 库 pytesseract 从图像中提取文本。请找到代码: from PIL import Image from pytesseract import image_
我的错误 /usr/bin/ld: errno: TLS definition in /lib/libc.so.6 section .tbss mismatches non-TLS reference
我已经训练了一个模型,我正在尝试使用 predict函数但它返回以下错误。 Error in contrasts<-(*tmp*, value = contr.funs[1 + isOF[nn]])
根据Microsoft DataConnectors的信息我想通过 this ODBC driver 创建一个从 PowerBi 到 PostgreSQL 的连接器使用直接查询。我重用了 Micros
我已经为 SoundManagement 创建了一个包,其中有一个扩展 MediaPlayer 的类。我希望全局控制这个变量。这是我的代码: package soundmanagement; impo
我在Heroku上部署了一个应用程序。我正在使用免费服务。 我经常收到以下错误消息。 PG::Error: ERROR: out of memory 如果刷新浏览器,就可以了。但是随后,它又随机发生
我正在运行 LAMP 服务器,这个 .htaccess 给我一个 500 错误。其作用是过滤关键字并重定向到相应的域名。 Options +FollowSymLinks RewriteEngine
我有两个驱动器 A 和 B。使用 python 脚本,我在“A”驱动器中创建一些文件,并运行 powerscript,该脚本以 1 秒的间隔将驱动器 A 中的所有文件复制到驱动器 B。 我在 powe
下面的函数一直返回这个错误信息。我认为可能是 double_precision 字段类型导致了这种情况,我尝试使用 CAST,但要么不是这样,要么我没有做对...帮助? 这是错误: ERROR: i
这个问题已经有答案了: Syntax error due to using a reserved word as a table or column name in MySQL (1 个回答) 已关闭
我的数据库有这个小问题。 我创建了一个表“articoli”,其中包含商品的品牌、型号和价格。 每篇文章都由一个 id (ID_ARTICOLO)` 定义,它是一个自动递增字段。 好吧,现在当我尝试插
我是新来的。我目前正在 DeVry 在线学习中级 C++ 编程。我们正在使用 C++ Primer Plus 这本书,到目前为止我一直做得很好。我的老师最近向我们扔了一个曲线球。我目前的任务是这样的:
这个问题在这里已经有了答案: What is an undefined reference/unresolved external symbol error and how do I fix it?
我的网站中有一段代码有问题;此错误仅发生在 Internet Explorer 7 中。 我没有在这里发布我所有的 HTML/CSS 标记,而是发布了网站的一个版本 here . 如您所见,我在列中有
如果尝试在 USB 设备上构建 node.js 应用程序时在我的树莓派上使用 npm 时遇到一些问题。 package.json 看起来像这样: { "name" : "node-todo",
在 Python 中,您有 None单例,在某些情况下表现得很奇怪: >>> a = None >>> type(a) >>> isinstance(a,None) Traceback (most
这是我的 build.gradle (Module:app) 文件: apply plugin: 'com.android.application' android { compileSdkV
我是 android 的新手,我的项目刚才编译和运行正常,但在我尝试实现抽屉导航后,它给了我这个错误 FAILURE: Build failed with an exception. What wen
谁能解释一下?我想我正在做一些非常愚蠢的事情,并且急切地等待着启蒙。 我得到这个输出: phpversion() == 7.2.25-1+0~20191128.32+debian8~1.gbp108
我是一名优秀的程序员,十分优秀!