Im having some problems in making my site’s frontend work correctly. I’ve always worked as a backend developer so I don’t have much knowledge in frontend.
I have some png images that I want to use in the header, side-frames and footer, as shown in the attached picture 5234
In the content area im printing a user registration form.
The idea is that header, side-frames and footer stays still and the content adjusted to the space available, with the option to scroll down if its bigger than the space available.
At this moment the solution that I’ve been using is inserting the images on the create view as background-image with absolute position. But it doesn’t shows correctly in every browser and resolution.
Also when some alerts appears ("please fill this form"), the form starts growing and the registration botton dissapears. Also when zooming in or out, it fails to show correctly.
So what is the correct approach for this problem?
What should I learn?
How can I make a fully compatible site for IExplorer, Chrome, Firefox and also mobile ready for iOS and Android?