They have different heights. Once a user submits a form on the contact page (you do not have to enter any data in the fields) the thank you message pushes the contact form down thus the box shadow is not aligned correctly. How do I fix this? I have tried to adjust the styling of the thank you message but can’t get it to line up exactly on the form without pushing it down. Is there a way to make the shadow container fluid? Or a way to split the sections of the box shadow code and then add them to the individual elements of my pages i.e. the header, main section & footer?
When I added a clearfix to the mainsection div after clicking submit the thank you message was not displayed. When I added it to the footer it removed the background colour and still pushed the contact form down besides I find br style=”clear:left;” usually clears elements but not in this case.
Anyway back to the problem. I added position:absolute; to the php paragraph styling and it works perfectly in all browsers. The form stays in exactly the same position while the thank you text on clicking submit is displayed in the gap between the header and form.