J.J.Baxter - My place on the web - interests, hobbies, thoughts & ruminations
Home / Blog
Books
Links
Images
Aug Sep-2010 Oct
SMTWTFS
2930311234
567891011
12131415161718
19202122232425
262728293012
3 4 5 6 7 8 9
Reset Calendar
Snorg Girls
Programming Tips
Sherlock Holmes
Mythbusters
Gallipoli
Nova Science Now
Ajax Loading Images
The Girls of Dr. Who
Keratosis Pilaris (KP)
Amazing Water
Buy me a drink? I'll have a Cappuccino, thanks.
Random Images
Random Link
Wrecked Exotic Cars
Random Book
Harry Potter and the Half Blood Prince
by J K Rowling






All Rights Reserved 2008
JJBaxter.com

J.J.Baxters Development Tips & Snippets
backBack
 Position an image over web page content (CSS : 19-May-2008)
I wanted to have an image floating over the text of a page. I knew about position:absolute and that worked, until the user resized the page and then the image moved out of position. So I tried position:relative but that left white space on the page the size of the image. A bit of googling found the reference link.

<div style="color:#c0c0c0;position:relative;">
    <div style="color:#000000;position:absolute;left:460px;top:80px;">
       <img src="registernow.png" alt="" border="0">
    </div>
</div>


Basically you put the absolute div within a relative positioned div. Works a treat.
Ref Link: http://codingforums.com/archive/index.php?t-1413.html