Html 如何使IE尊重最大和最小宽度
可能重复:Html 如何使IE尊重最大和最小宽度,html,css,internet-explorer,Html,Css,Internet Explorer,可能重复: 我有一个网站,它的主要导航在一个列表(浮动左) li元素需要具有最小和最大宽度。 当然,这种css在所有好的浏览器中都能很好地工作。 但IE(9)对此没有反应 ul.dropdown li { line-height: normal; text-align: center; max-width: 145px; min-width: 88px;
我有一个网站,它的主要导航在一个列表(浮动左) li元素需要具有最小和最大宽度。 当然,这种css在所有好的浏览器中都能很好地工作。 但IE(9)对此没有反应
ul.dropdown li {
line-height: normal;
text-align: center;
max-width: 145px;
min-width: 88px;
min-height: 30px;
}
如果我在一个条件下使用此代码,例如最大宽度IE尊重它。
但我当然不能用同样的最小宽度
我需要一个解决方案,即尊重最大和最小宽度
有解决办法吗
谢谢大家!
编辑:我忘了提到我已经添加了
)() 试试这个(这是我的ie8上的工作)
模板
#内容{
高度:400px;
背景:黄色;
*宽度:表达式(if(document.body.clientWidth<534){“533px”}else if(document.body.clientWidth>776){“777px”}else{“auto”});/*为IE设置最小宽度*/
背景:红色;
}
你好
我不知道怎么写这个?及:
用这个来调整宽度:好的,我发现了问题。
代码中没有,我的IE只是自动切换到怪癖模式。
通过进入控制台(F12)进行更改,并将文档模式更改为IE9
谢谢大家! 不,这不是因为我已经添加了doctype,ie不尊重它,因为如果我使用一个条件(即最大宽度),最小宽度不受尊重。对不起,这不起作用。同样的问题,即只重设一个表达式!这对我来说很有用,我有我的xhtml代码…我在这里使用了您的代码:正如您可能看到的,它似乎不起作用…要调试,您需要使用简化版本。感谢您回来发布您的问题的解决方案。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>template</title>
<style type="text/css">
#content{
height:400px;
background:yellow;
*width: expression(if(document.body.clientWidth < 534){"533px";}else if(document.body.clientWidth > 776){"777px";}else{ "auto"; }); /* set min-width for IE */
background: red;
}
</style>
</head>
<body>
<div id="content">
hello
</div>
</body>
</html>