ie6 失真問題

點評：問題： <form...>下面的<input type="hidden" name="sortBy" id="sortBy" value="${sortBy}">佔據物理位置的狀況，代碼以下： <form name="header_product_search_form" method="post" id=&qu

問題：

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