View Full Version : Floating Right Side Icons

06-09-2012, 03:53 AM
I am trying to add some "floating" buttons on the right side of my website so they grab the viewers attention but they're not completely obtrusive. In the near future I would also like to apply some sort of slide effect as well - so I have to make sure I do this step correctly...

You see versions of this everywhere. I tested mine in IE9, Chrome and FFox (both latest versions) with no errors, but I'm wondering if this technique is ok?

The only page with the new coffee button is here (upper right):

The button is a div tag with the class "Floater", with the coffee image inside that div. The css is as follows:

.Floater {
height: 30px;
width: 36px;
position: fixed;
display: block;
right: 0px;
top: 75px;

I'd really appreciate some insight here - Google returns tons of info that's all over the place.


06-09-2012, 05:06 AM
Ok - I did just find out that with this method the button does NOT scroll with the page on my Windows Phone (which I believe runs IE9?). So there's problem #1.