AJAX request causing HTML to rearrange in IE6/7?

Up vote 0 down vote favorite share g+ share fb share tw.

I have a page displaying tabular data which can be sorted by clicking the column headers, nothing special. There is also a text box above it where users can enter a page number to jump to a specific page. My problem occurs when a user clicks one of the sort headers.

The data reloads correctly but in IE6/7 the controls above the table all move on top of each other as seen below. I know Microsoft just announced they are going to automatically upgrading users from IE6 but I still have to support the older versions regardless. Before: After: css ie6-ie7-bug link|improve this question asked Dec 15 '11 at 21:09rpf31178 83% accept rate.

It looks like the CSS attributes are getting messed up. Use Developer Tools (not sure if it exists in all IE versions) to inspect the CSS attributes before and after. I'd look out for changes to the float and position attributes.

– SimpleCoder Dec 15 '11 at 21:13 Are you modifying the DOM structure (adding/removing elements) when you get your AJAX results? Maybe you have a missing close tag or something like that somewhere? – twsaef Dec 16 '11 at 1:45 I've narrowed it down to some CSS.

I have an inline div being wrapped by larger div who has the text-align: center property in order to center the controls above the data. But the two input elements have text-align: center as well which seems to be causing the errors. When I remove the styling from the inputs everything works correctly.

– rpf3 Dec 20 '11 at 21:56.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.