Title: CSS Image Auto Position Help
Last modified: August 20, 2016

---

# CSS Image Auto Position Help

 *  [Finnaus](https://wordpress.org/support/users/finnaus/)
 * (@finnaus)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/css-image-auto-position-help/)
 * Hey,
 * So I’m making a webpage that has a background, then a small “paper” like thing
   on the bottom right side of the screen, and what I’m wanting is this:
    The “paper”
   image is positioned on the bottom right of the screen, and when someones browser
   window is a different size, I want that image to move in, and fit in the browser
   window. This is what I have so far:
 *     ```
       <?php
       /*
       Template Name: About
       */
       php?>
       <html>
       <head>
       <title>About</title>
       </head>
       <style type="text/css">
       h2.pos_left
       {
       position:relative;
       left:-200px;
       }
       h2.pos_right
       {
       position:relative;
       left:200px;
       }
       </style>
       <div id="h2.pos_left">
       <div id="h2.pos_right">
       <link rel="stylesheet" type="text/css" href="http://realmccoyspirits.com/wp-content/themes/twentytwelve/background.css">
         <img alt="" src="http://realmccoyspirits.com/wp-content/uploads/2012/12/McCoyWebAboutFuturaNoBG.png" width="400" height="600" >
       </div>
       </font>
       </html>
       ```
   
 * Any help would be greatly appreciated!
    Thanks!

Viewing 1 replies (of 1 total)

 *  Thread Starter [Finnaus](https://wordpress.org/support/users/finnaus/)
 * (@finnaus)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/css-image-auto-position-help/#post-3257440)
 * EDIT
 * This is the HTML code I’m using:
 *     ```
       <?php
       /*
       Template Name: About
       */
       php?>
       <html>
       <head>
       <title>About</title>
       </head>
       <div style="position: absolute; top:80px; left:700px">
       <link rel="stylesheet" type="text/css" href="http://realmccoyspirits.com/wp-content/themes/twentytwelve/background.css">
       <div class="aboutpaper">
         <img alt="" src="http://realmccoyspirits.com/wp-content/uploads/2012/12/McCoyWebAboutFuturaNoBG.png" width="400" hight="600" >
       </div>
       </font>
       </html>
       ```
   
 * And this is the CSS I’m using:
 *     ```
       .aboutpaper
       {
       position:static;
       }
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘CSS Image Auto Position Help’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 1 participant
 * Last reply from: [Finnaus](https://wordpress.org/support/users/finnaus/)
 * Last activity: [13 years, 6 months ago](https://wordpress.org/support/topic/css-image-auto-position-help/#post-3257440)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
