IE6-Verzerrungsproblem

Frage:

<input type="hidden" name="sortBy" id="sortBy" value="${sortBy}"> unterhalb von <form...> nimmt eine physische Position ein. Der Code lautet wie folgt:

<Formularname="Header_Produktsuchformular" Methode="Beitrag" ID="Header_Produktsuchformular" Aktion="${ctxPath }/products/productsSearch.html?doAction=productSearchAction">
<input type="hidden" name="headSearchCategoryPath" id="headSearchCategoryPath" value="${categoryPath }">
<input type="hidden" name="headSearchAttributePath" id="headSearchAttributePath" value="${headSearchAttributePath }">
<Eingabetyp="versteckt" Name="attributePathInputValue" ID="attributePathInputValue" Wert="${attributePathInputValue}">
<input type="hidden" name="PrmItemsPerPage" id="PrmItemsPerPage" value="${pagingBean.itemsPerPage}">
<input type="hidden" name="PrmPageNo" id="PrmPageNo" value="${pagingBean.currentPage}">
<Eingabetyp="versteckt" Name="PrmTotalItems" ID="PrmTotalItems" Wert="${pagingBean.numberOfItems}">
<Eingabetyp="versteckt" Name="PrmTotalPages" ID="PrmTotalPages" Wert="${pagingBean.numberOfPages}">
<Eingabetyp="versteckt" Name="sortBy" ID="sortBy" Wert="${sortBy}">

..............

..............

</form>

Wie oben gezeigt, befindet sich das rote versteckte Eingabefeld direkt unter dem Formular-Tag, was zu einer verzerrten Anzeige im IE führt. Das versteckte Eingabefeld nimmt den physischen Platz ein und hinterlässt im IE einen leeren Bereich. In Firefox wird es normal angezeigt.

Lösung:

Platzieren Sie das versteckte Eingabefeld am Ende des Formular-Tags, also über </form>, und es wird im Internet Explorer normal angezeigt. Der Code lautet wie folgt:

<Formularname="Header_Produktsuchformular" Methode="Beitrag" ID="Header_Produktsuchformular" Aktion="${ctxPath }/products/productsSearch.html?doAction=productSearchAction">

..............

..............
<input type="hidden" name="headSearchCategoryPath" id="headSearchCategoryPath" value="${categoryPath }">
<input type="hidden" name="headSearchAttributePath" id="headSearchAttributePath" value="${headSearchAttributePath }">
<Eingabetyp="versteckt" Name="attributePathInputValue" ID="attributePathInputValue" Wert="${attributePathInputValue}">
<input type="hidden" name="PrmItemsPerPage" id="PrmItemsPerPage" value="${pagingBean.itemsPerPage}">
<input type="hidden" name="PrmPageNo" id="PrmPageNo" value="${pagingBean.currentPage}">
<Eingabetyp="versteckt" Name="PrmTotalItems" ID="PrmTotalItems" Wert="${pagingBean.numberOfItems}">
<Eingabetyp="versteckt" Name="PrmTotalPages" ID="PrmTotalPages" Wert="${pagingBean.numberOfPages}">
<Eingabetyp="versteckt" Name="sortBy" ID="sortBy" Wert="${sortBy}">

</form>