标签: internet-explorer-7
在DIV元素上使用max-height
我有一个DIV元素设置为包含一个表元素.
表元素将具有0到350行的任何位置.
我认为调整此DIV元素大小的最简单方法是应用max-height属性,以便DIV元素在添加内容时增长,并在内容超出max-height属性时添加滚动条.
码:
<div style="max-height:209px;overflow:auto;">
<table>
<tr><td>CONTENT</td></tr>
</table>
</div>
我得到的是当内容达到最大高度限制时,而不是应用overflow属性,div元素只是保持增长.
当然这只发生在IE7中.Firefox和Safari按设计工作.
编辑:好的,这是整个HTML页面,ctrl+ f我遇到问题的区域的"距离".
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Voyage Planning | Tools | Discharge Ports</title>
<link rel="shortcut icon" type="image/x-icon" href="/vp/favicon.ico" />
<!--[if gte IE 6]><!-->
<link rel="stylesheet" type="text/css" href="/vp/_assets/css/screen.css" media="screen,projection,print" />
<script type="text/javascript" src="/vp/_assets/js/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="/vp/_assets/js/main.js"></script>
<!--<![endif]-->
</head>
<body>
<script language="javascript" type="text/javascript">
<!--
function dischargeport_selected()
{
if (document.postform.dpid.value == "")
{ window.location.href = "/vp/tools/dischargeports.asp"; }
else …推荐指数
解决办法
查看次数
我可以使用JavaScript来设置'name'属性吗？
推荐指数
解决办法
查看次数
IE中的PNG8黑色边框
我在使用PNG8图像的IE中遇到问题,因为它在我的*.png阴影中出现了一个很脏的黑色边框.(IE7,IE8)
我正在使用alphatransparency,并且在我的小图像下基本上有阴影.所有的浏览器都渲染得很好,除了IE,它将阴影呈现为黑色圆圈？
我需要图像"透明",因为它出现在各种彩色背景等之上？
有任何想法吗？
css png internet-explorer-8 internet-explorer-7 internet-explorer-6
推荐指数
解决办法
查看次数
CSS显示问题:内联块和IE7!
我创建这个只是为了解释我的问题.一些列表项显示为内联块.我有一个原来的方法,也没用,所以我使用这个CSS.
这在FF和IE7中很有用,作为一个独立的.
不幸的是,在我的网站上实现,它在IE7中无法正确显示(它们看起来堆叠在一起).
火狐
firefox http://www.alexanderdickson.com/hosted/stackoverflow.com/display-inline-ff.png
IE7
ie7 http://www.alexanderdickson.com/hosted/stackoverflow.com/display-inline-ie7.png
现在任何人都可以告诉我为什么他们不能在我的例子中工作(参见上面的图片并查看网站,它是在最右边(不能错过).
它似乎在IE7中工作,如果我给列表项明确宽度 - 但这似乎很危险,以及我不想做的额外维护.我可能会做li#nsw { width: 3.5em }但是很难看,我不应该这样做.
我确实使用了Eric Meyer的CSS Reset Reloaded.
如果您知道解决方案,请告诉我们!
谢谢.
更新
这是复选框的HTML
<ul class="checkboxes">
<li><input type="radio" id="free-case-review-nsw" value="nsw" name="state" /><label for="free-case-review-nsw"><acronym title="New South Wales">NSW</acronym></label></li>
<li><input type="radio" checked="checked" id="free-case-review-qld" value="qld" name="state" /><label for="free-case-review-qld"><acronym title="Queensland">QLD</acronym></label></li>
<li><input type="radio" id="free-case-review-nt" value="nt" name="state" /><label for="free-case-review-nt"><acronym title="Northern Territory">NT</acronym></label></li>
<li><input type="radio" id="free-case-review-other" value="other" name="state" /><label for="free-case-review-other">Other</label></li>
</ul>
这是CSS
#free-case-review-form .checkboxes {
border: 1px solid #000; …推荐指数
解决办法
查看次数
如何在不使用CSS'table-cell'属性的情况下在IE7中垂直对齐文本？
我有固定的高度div,其中包含文本.我希望文本在div的中间垂直对齐,但问题在于一些文本是单行的,有些文本分成两行.对于IE8,Chrome和Firefox,使用display: table-cell并vertical-align: middle提供我需要的解决方案:
JS Fiddle就在这里.width: 300px当文本在一行时,从星号上取下星号以查看格式.
但是,IE7不支持该display: table-cell属性.我发现的唯一解决方案仅适用于单行,而不适用于可能是1行或2行的文本.如何在IE7中显示它,就像在更现代的浏览器中一样,而不使用任何脚本？
推荐指数
解决办法
查看次数
在IE7/IE8中创建圆角
我正在创建一个圆角选项卡,在IE9,Mozilla和Chrome中工作正常,但在IE7/IE8中没有.
这是代码:
<div id="navbar">
<div id="holder">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">News</a></li>
</ul>
</div>
</div>
#navbar {}
#holder {
border-bottom:1px solid #000;
overflow:hidden;
}
#navbar #holder ul {
margin:0;
padding:0;
list-style:none;
margin-top:15px;
}
#navbar #holder ul li { }
#navbar #holder ul li a {
text-decoration:none;
float:left;
margin-right:5px;
border:1px solid #000;
padding:15px;
text-align:center;
width:90px;
border-bottom:none;
display:block;
behavior:url(border-radius.htc);
border-radius:5px 5px 0 0;
}
#navbar #holder ul li a:hover {
background:#C09;
color:#fff;
}
你可以告诉我这些代码,以便它适用于IE7/IE8吗？
css internet-explorer rounded-corners internet-explorer-8 internet-explorer-7
推荐指数
解决办法
查看次数
如何在IE7中用"display:block"覆盖"display:inline-block"？
这里有一些代码来说明我遇到的问题.jsFiddle演示
<div class="normal">
<a href="#">Test</a>
<a href="#">Test longer</a>
</div>
<div class="ib blockbyclass">
<a href="#">Test</a>
<a href="#">Test longer</a>
</div>
<div class="ib">
<a href="#" style="display: block;">Test</a>
<a href="#" style="display: block;">Test longer</a>
</div>
body{background-color: gray;}
div{float:left; margin: 5px;}
a {background-color: black; color: white;}
div.ib a {display: inline-block;}
div.normal > a {display: block;}
div.blockbyclass> a {display: block; }
我有一种特定类型的链接,在大多数情况下需要呈现为内联块,但在某些情况下需要呈现为块元素.具体来说,我希望它们各自出现在自己的行上并占据包含div的整个区域.在这种特殊情况下,div包含链接的设置为float,因此它将根据其中最大的链接调整自身大小.IE8,IE9,Firefox和Chrome正确呈现这些链接,但无论我做什么,IE7都拒绝忘记display: inline-block规则.
如何让IE7以"块"模式显示这些元素？
推荐指数
解决办法
查看次数
如何防止下拉列表在DropDownList中打开？
我有一个自定义表,我想用它作为DropDown部分DropDownList.
理想情况下,当用户点击a时DropDownList,它应该显示自定义表而不是通常的下拉列表.我认为在不禁用DropDownList控件的情况下防止打开下拉是很容易的,但是看起来并非如此.
是否有一种简单的方法可以防止DropDownList打开而不禁用它？
编辑:这必须适用于嵌入式IE 7 Web浏览器,并且e.preventDefault()不适用于该浏览器版本
javascript asp.net jquery internet-explorer-7 drop-down-menu
推荐指数
解决办法
查看次数
IE8/9中的缩放图像质量比IE7差
尝试在IE7和IE9中打开此页面.
如页面所述,它使用-ms-interpolation-mode:bicubic.
我已经读过IE8/9中已禁用此设置,因为它现在是默认样式(在IE7中,最近邻居是默认插值模式).
但是,IE8/9中的图像质量比IE7差很多,如下所示:
是什么赋予了？有没有办法在IE8/9中获得更好的缩小图像？
image scale internet-explorer-8 internet-explorer-7 internet-explorer-9
推荐指数
解决办法
查看次数
IETester是否运行与IE6/IE7相同的ACTUAL代码？还是模拟？
我刚刚意识到(是的,这对我来说是愚蠢的)IE8兼容模式不是IE7.
我一直认为他们会切换回IE7二进制文件,显然它们不是,正如我在SO中找到的另一个问题所表明的那样.
我的问题是......
有谁知道IETester的工作原理？
它是否运行IE6/7 的实际二进制文件？
我可以信任它,为我的测试,是 IE6/7？
或者我应该认为它是"接近"的东西,但实际上在实际的VM中测试是100%肯定的吗？
谢谢!
cross-browser internet-explorer-8 internet-explorer-7 internet-explorer-6
推荐指数
解决办法
查看次数