`
yahaitt
  • 浏览: 762897 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

ExtJs中解决IE的min-width问题

阅读更多
当使用了ExtJs后,脚本documentElement.clientWidth得到的值是0,需要换成Ext.getBody().getWidth()来获得。

关于解决IE的min-width方法就可以这样写:
//===========Style===============//
#hxcy{ text-align:right;margin:0 auto; min-width:778px;width: expression((Ext.getBody().getWidth() < 778) ? "778px" : "auto" );}
/*---注意:这里将documentElement.clientWidth替换为了Ext.getBody().getWidth()----*/

//===========Page================//
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@ include file="/ecside/common/head_showResult.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>title</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="${ctx}/scripts/ext/resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="${ctx}/styles/demo_index.css">
<script type="text/javascript" src="${ctx}/scripts/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="${ctx}/scripts/ext/ext-all.js"></script>
<script type="text/javascript" src="${ctx}/scripts/demo_index.js"></script>
</head>
<body>
<div id="west">
<p>
Hi. I'm the west panel.
</p>
</div>
<div id="north" class="header">
<div id="hxcy">
<div class="logo"><img src="${ctx}/images/logo.gif" /></div>
<div class="header_menu">
<ul>
<li id="ico_home"><a href="${ ctx }/j_acegi_logout" target="_parent">设为主页</a></li>
<li id="ico_favoritor"><a href="${ ctx }/j_acegi_logout" target="_parent">添加到收藏夹</a></li>
<li id="ico_application"><a href="${ ctx }/j_acegi_logout" target="_parent">切换平台</a></li>
<li id="ico_quit"><a href="${ ctx }/j_acegi_logout" target="_parent">退出</a></li>
<li id="ico_help"><a href="${ ctx }/j_acegi_logout" target="_parent">帮助</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
分享到:
评论

相关推荐

    划词搜索Extjs实现方式

    &lt;script type="text/javascript" src="path/to/extjs.min.js"&gt; &lt;script type="text/javascript" src="js/ZonedWordSearch.js"&gt;&lt;/script&gt; ``` 2. **定义划词搜索类**:在`ZonedWordSearch.js`文件中定义划词搜索...

    EasyUI(详细 清楚)EasyUI(详细 清楚)

    6. **不断优化**:随着版本更新,jQuery EasyUI 不断完善,解决已知问题,增强用户体验。 在学习 jQuery EasyUI 之前,需要具备的基础是 jQuery 的基本知识。这可以通过学习 jQuery 的相关课程来获得,特别是了解...

    easyui的开发实例书

    - 低版本 IE 存在诸多问题,如内存泄漏、不支持高级特性等。 对于企业级应用而言,目标用户群体相对固定,通常会有统一的浏览器版本要求,因此不必担心兼容性问题。 #### 六、如何下载和运行 jQuery EasyUI 1. **...

    easyUI笔记

    **jQuery EasyUI** 最新版本 (1.3.5) 自带的 jQuery 版本为 2.0,这意味着它不再支持 IE6、IE7 和 IE8 这些较老版本的浏览器。对于需要兼容这些旧版浏览器的应用场景,可以选择使用较低版本的 **jQuery EasyUI**。...

    第1章 jQuery EasyUI.pdf

    2. **ExtJS**:一款强大的前端框架,提供了丰富的 UI 组件和数据绑定能力,适合构建复杂的 Web 应用。 每种框架都有其独特的优势和适用场景,选择时应根据项目的具体需求进行评估。 #### 五、兼容性问题 **jQuery...

Global site tag (gtag.js) - Google Analytics