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
CSSHTMLWeb Development

Avatar of undefined
Last Comment
Kiran Paul VJ

8/22/2022 - Mon
Scott Fell

I would put it right after the iframe closes.  Look for </iframe>.  Then place in a new div <div></div>
Big Monty

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
Kiran Paul VJ

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck