I have an img on my site that I want to be positioned absolute. The problem is that it jumps around when the screen is resized. I made the container div have
position:relative;
so I don't know why this is happening.
This is the url to my site: http://www.windowsauction.org/
The image on top that I want to be positioned absolute is a logo, and it's called "tag_logo.png". It's on a php document called "inc_top.php" (it's not on the index.php)
This is the code:
This is what I have on index.php:
<div class="top"><?php include("inc_top.php"); ?></div>
and this is code on inc_top.php:
<img class="topimg" src="images/pic.jpg" width="100%" height="auto" border="0" alt="Windows Auction"/>
<div class="logo"><img src="images/tag_logo.png" width="202" height="151" border="0" alt="TAG" /></div>
<div class="windows"><?php if ($page != 'home') { ?><a href="/"><?php } ?><img src="images/windows.jpg" border="none" width="965"height="92" alt="Windows 5774" /></a>
</div>
This is the css:
.top{
position:relative;
}
.top .logo {
position:absolute;
top:0px;
left:640px;
}
So although the container, "top" is positioned relative, the image, ".logo" still moves around the page.
I's really appreciate help!