<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>