anyone know how to create a permenant bar at the bottom of the page ? example, look at http://www.italylettings.com/
A:
Just use CSS on a DIV no need for JavaScript:
#bottom-bar {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: 50px;
}
Update
It works for me.
An easy way with mootools to fade out is to use the fade function:
$("bottom-bar").fade('toggle');
joshperry
2010-08-09 19:18:31
the bar moved when u scroll up n down... also it allow to switch off using the x button
redcoder
2010-08-09 19:21:12
@joshperry: thanks joshperry.. that will do.. although it doesn't work well in IE6, at least give me some idea to start with...
redcoder
2010-08-09 22:04:32
A:
@joshperry : the toogle isn't working.. is there a # sign there since it uses id ?
redcoder
2010-08-13 13:11:37
A:
hi joshperry, when i integrate into mootool , it won't workand gives an error as below in IE8: But in FF it wotks fine
(pls replace httppp to http for the error below)
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; MDDS) Timestamp: Sun, 22 Aug 2010 18:28:27 UTC
Message: Invalid argument. Line: 2200 Char: 3 Code: 0 URI: httppp://dev.bluechipvacations.com/plugins/system/mootools1.2/mootools.js.php?compat=1&nc=1
Message: Object doesn't support this property or method Line: 2908 Char: 3 Code: 0 URI: httppp://dev.bluechipvacations.com/plugins/system/mootools1.2/mootools.js.php?compat=1&nc=1
Any idea?
redcoder
2010-08-22 18:35:50