Link to home
Start Free TrialLog in
Avatar of jonathanduane2010
jonathanduane2010

asked on

Sticky element CSS

Hi Guys,

I was wondering if it is possible to put my music player player here at http://www.zenradio.ie as a sticky element at the bottom of the page on http://www.zenradio.ie

Thank you
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

I would put it right after the iframe closes.  Look for </iframe>.  Then place in a new div <div></div>
if you want a true sticky element, you can use the following css:

.sticky-footer{ 
position:fixed; 
top:95%; 
left:5%; 
width:90%; 
height:50px; 
background:#000000; 
border:2px solid #00CCFF; 
border-radius: 10px 10px 0px 0px; 
box-shadow: -2px -2px 15px #888; 
}

Open in new window


create a div to surround your music player and give it a class name of "#sticky-footer" (obviously you can name it whatever you like). you'll need to adjust the height and width, but this should get you going in the right direction.
ASKER CERTIFIED SOLUTION
Avatar of Kiran Paul VJ
Kiran Paul VJ
Flag of India image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial