problem rendering the web page on orientation changed

Question

Hi,

 

In my webpage I have a slideshow and under it there's a table with controls..

<div>

   slideshow

</div>

<div>

   table

</div>

 

when I rotate my device the table changes its place and shows on the slideshow and when I refresh the page again the page reloads perfectly. I know that I can do the reload on orientation changed function to reload the page when the device is rotated but I don't want to do that because I will lose the user input. So what can I do to fix this?

thanks