I developed a MasterPage with an proper Header and Footer and then we deployed the same to staging site but to my surprise i saw the footer appearing in the iframe when I tried uploading the document (Image a).
I googled and found out that there are few CSS class which needs to be placed based on your requirememt
- s4-notdlg :To avoid applying customizations to dialogs add the CSS class to all HTML elements you wish to hide.
- ms-dialog :If you are applying custom CSS to standard HTML elements you'd need to use the CSS class ms-dialog to reset them to their respective default values.
Once I applied the css to the footer the Upload Iframe window looked perfect.
So the code change was as below
