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> 

좋은 웹페이지 즐겨찾기