• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 795
  • Last Modified:

How to put fixed corner image at bottom left of browser.

I want to put a corner image like at http://www.kampyle.com/. (Give Feedback image)

I tried some techniques but I couldn't create image for cross-browser. Sometimes I got errors for IE or Safari.

All suggestions are welcome.
0
ObsessiO
Asked:
ObsessiO
2 Solutions
 
JoachimMartinsenCommented:
Use a transparent png, and style it with something like this:

position:fixed;
right:0;
bottom:0;
0
 
slovisaCommented:
Joachim's positioning should work, but I think a GIF (as in your example) will have better cross-browser compatibility. Plus it can be animated.
0
 
sandip-mishraCommented:
hi..

use the following javascript code where "AdDetails" is my div id that i have used in my html page.....

document.all.AdDetails.innerHTML ="<div id='AdDetailsClose' onclick='closeDiv()'><img src='../images/close.gif' style='cursor:hand;' align='right'/></div>"


You can position the div using the following javascript code -----

document.all.AdDetails.style.pixelLeft=event.clientX-200;
document.all.AdDetails.style.pixelTop=document.body.clientHeight-200;


Hope this helps you out....

Regards

sandip-mishra
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now