IE6 distortion problem

IE6 distortion problem

question:

<input type="hidden" name="sortBy" id="sortBy" value="${sortBy}"> below <form...> occupies a physical position. The code is as follows:

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

As shown above, the red hidden input box is directly below the form tag, resulting in distorted display in IE. The hidden input box occupies the physical space, leaving a blank space in IE. It displays normally in Firefox.

Solution:

Put the hidden input box at the end of the form tag, that is, above </form>, and it will display normally in IE. The code is as follows:

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

<<:  Pure CSS3 mind map style example

>>:  Vue implements the full selection function

Recommend

Vue implements tree table

This article example shares the specific code of ...

Detailed explanation of table return and index coverage examples in MySQL

Table of contents Index Type Index structure Nonc...

CSS Sticky Footer Implementation Code

This article introduces the CSS Sticky Footer imp...

CSS scroll bar style modification code

CSS scroll bar style modification code .scroll::-...

Detailed explanation of how Node.js middleware works

Table of contents What is Express middleware? Req...

Tips for using DIV container fixed height in IE6 and IE7

There are many differences between IE6 and IE7 in ...

Optimizing the slow query of MySQL aggregate statistics data

Written in front When we operate the database in ...

Problems and solutions when installing MySQL8.0.13 on Win10 system

Operating system: Window10 MySQL version: 8.0.13-...

MySQL limit performance analysis and optimization

1. Conclusion Syntax: limit offset, rows Conclusi...

react-beautiful-dnd implements component drag and drop function

Table of contents 1. Installation 2.APi 3. react-...

Detailed explanation of MySQL backup process using Xtrabackup

Table of contents 01 Background 02 Introduction 0...

How many times will multiple setStates in React be called?

Table of contents 1. Two setState, how many times...

Analyzing ab performance test results under Apache

I have always used Loadrunner to do performance t...

Implementation of nginx worker process loop

After the worker process is started, it will firs...

How to write configuration files and use MyBatis simply

How to write configuration files and use MyBatis ...