Standarizing CSS / HTML for Output to Various Browsers

HTML-CSS
1

So here is a link to an html file that I have created:

As you can see the form and the field names present themselves aligned as intended in the codepen results pane. My issue is that it does not present itself this way in every browser or even on different machines using the same type of browser… I understand each machine and its browser is set up differently. So I’m wondering if there is a way to have the image and absolute positioning html both set to a standard 8.5 x 11 with CSS so that they are both locked in place with each other when presenting to any browser and printing. I feel that if it can be done, this will always appear as intended and print in the same fashion.

Any help or suggestions on this matter would be greatly appreciated.

Here is a link to the original css/html that is on the server so you can see how it appears on your machine.
https://pdforms.losttitleconnection.net/TITLAPP.html

2

Would it help if you started with your margin and padding set to 0? That the browsers will be on an equal playing field.

3

I’ve done that… If you click the link in my original message and then view the code you will see css contains this

.stl_04 {
width: 100%;
height: 100%;
clip: rect(0em,250em,250em,0em);
position: absolute;margin-top: 0px;margin-left:0px;
pointer-events: none;
}