问题:
<form...>下面的<input type="hidden" name="sortBy" id="sortBy" value="${sortBy}">占据物理位置的情况,代码如下:
<form name="header_product_search_form" method="post" id="header_product_search_form" action="${ctxPath }/products/productsSearch.html?doAction=productSearchAction"><input type="hidden" name="headSearchCategoryPath" id="headSearchCategoryPath" value="${categoryPath }"><input type="hidden" name="headSearchAttributePath" id="headSearchAttributePath" value="${headSearchAttributePath }"><input type="hidden" name="attributePathInputValue" id="attributePathInputValue" value="${attributePathInputValue}"><input type="hidden" name="PrmItemsPerPage" id="PrmItemsPerPage" value="${pagingBean.itemsPerPage}"><input type="hidden" name="PrmPageNo" id="PrmPageNo" value="${pagingBean.currentPage}"><input type="hidden" name="PrmTotalItems" id="PrmTotalItems" value="${pagingBean.numberOfItems}"><input type="hidden" name="PrmTotalPages" id="PrmTotalPages" value="${pagingBean.numberOfPages}"><input type="hidden" name="sortBy" id="sortBy" value="${sortBy}">
..............
..............
</form>
如上,红色的隐藏输入框直接在form标签下面,结果出现在ie下显示失真的情况,隐藏输入框占据物理空间,在ie里留下空白的部分。而在Firefox下显示正常。
解决方法:
把隐藏输入框放在form标签的最后面,即在</form>之上,ie下显示即可恢复正常。代码如下:
<form name="header_product_search_form" method="post" id="header_product_search_form" action="${ctxPath }/products/productsSearch.html?doAction=productSearchAction">
..............
..............<input type="hidden" name="headSearchCategoryPath" id="headSearchCategoryPath" value="${categoryPath }"><input type="hidden" name="headSearchAttributePath" id="headSearchAttributePath" value="${headSearchAttributePath }"><input type="hidden" name="attributePathInputValue" id="attributePathInputValue" value="${attributePathInputValue}"><input type="hidden" name="PrmItemsPerPage" id="PrmItemsPerPage" value="${pagingBean.itemsPerPage}"><input type="hidden" name="PrmPageNo" id="PrmPageNo" value="${pagingBean.currentPage}"><input type="hidden" name="PrmTotalItems" id="PrmTotalItems" value="${pagingBean.numberOfItems}"><input type="hidden" name="PrmTotalPages" id="PrmTotalPages" value="${pagingBean.numberOfPages}"><input type="hidden" name="sortBy" id="sortBy" value="${sortBy}">
</form>
推荐阅读
什么是 WML?
WML(Wireless Markup Language - 无线标记语言)。它是一种从 HTML 继承而来的标记语言,但是 WML 基于 XML,因此它较 HTML 更严格。 WML 被用来创建可显示在 WAP 浏览器中的页面。用WML编写的页面被称为>>>详细阅读
本文标题:ie6 失真问题
地址:http://www.17bianji.com/kaifa2/XML/15720.html
1/2 1