PDA

View Full Version : Floating panic button


majorj0nny
07-13-2007, 08:54 AM
Ive added a panic button to my site but the location of the button itself is a little messy ... I can see how I can move it statically about the screen - but is there a way of having it floating in a corner when the screen in scrolled?

heres the code from the css :

/* ***** Panic Button Location***** */
.panicbutton {
position: float;
position: expression("absolute");
right: 10px;
bottom: 10px;
}

also its supposed to appear bottom right - which it does for most users, but for Safari and some Firefox users its showing up top left ??

right ... just noticed I was messing about with this and changed 'fixed' to 'float' in some lame attempt ..

ive changed it back to 'fixed' and its now working in safari as in its floats in bottom right corner - how I want it for everything ... but in IE7 its still refreshing to the bottom right - but on scrolling it drags up with the rest of the page ???

Dismounted
07-13-2007, 09:02 AM
/* ***** Panic Button Location***** */
.panicbutton {
position: fixed;
right: 10px;
bottom: 10px;
}

majorj0nny
07-13-2007, 09:10 AM
/* ***** Panic Button Location***** */
.panicbutton {
position: fixed;
right: 10px;
bottom: 10px;
}

thankyou very much!

TheMilkCarton
07-13-2007, 03:08 PM
thankyou very much!
Please note that position:fixed does NOT work in IE6 and lower. :)

However there are several different workarounds that you may be able to use.

Roughnek29
10-29-2007, 02:53 AM
I have been following this thread and all my problems were solved, Thanks to the designers and others that asked the same questions I was going to. Works great. Installed. Now how do you get it in each individual post next to edit and reply buttons?