[Half page browser](https://i.stack.imgur.com/QFDuC.png)
[Full page browser](https://i.stack.imgur.com/6EIuA.jpg)

Hi, need you guys to help on my program. How do I place my robot on the same location as my "Half page browser" when I do a full screen browser. When I open to a full-screen browser, the location of the robot moved. 

Please guide me on it.

Below will be my coding for the web-page:

```
    <html>
      <head>
          <meta charset="utf-8">
          <title></title>
         <style>

              body {
                height: 100%;
                width: 100%;
                background-image: url('TPHRG floorplan1.png');
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-size:   contain;

                }

            </style>

              <body>

                <img id="robot" style="position: fixed;  top:200px; left:450px; border-radius: 50%; width:50px; height:60px" src="pic_8.PNG">

                <?php

                 ?>

              </body>

    </html>

```