SoundCloud Embeds go over userbar

Zovator

Member
I am currently having this issue:
Capture.webp
As you can see, SoundCloud embeds on my forum, go straight over the userbar, instead of under them, like the rest of the content, as far as I know this only happens with users using the Google Chrome browser, and I am a bit confused as to how to fix this issue.
Would anyone be able to help me with how to do this?
~Thanks.
 
Have you got a URL so I can inspect the CSS?

It might just need z-index something added to one of the Soundcloud css classes, or the userbar class...
 
Here we go :)

Much better:

better.webp

This is achieved by adding this to the soundcloud code somewhere:

HTML:
<param name="wmode" value="transparent">

So the Soundcloud embed code needs to look like:

HTML:
<object height="81" width="100%">
<param name="wmode" value="transparent">
<param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fdystopians%2Fside-b-of-dystopia&amp;g=bb"></param>
<param name="allowscriptaccess" value="always"></param>
<embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fdystopians%2Fside-b-of-dystopia&amp;g=bb" type="application/x-shockwave-flash" width="100%"></embed>
</object>
 
Here we go :)

Much better:

View attachment 30906

This is achieved by adding this to the soundcloud code somewhere:

HTML:
<param name="wmode" value="transparent">

So the Soundcloud embed code needs to look like:

HTML:
<object height="81" width="100%">
<param name="wmode" value="transparent">
<param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fdystopians%2Fside-b-of-dystopia&amp;g=bb"></param>
<param name="allowscriptaccess" value="always"></param>
<embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fdystopians%2Fside-b-of-dystopia&amp;g=bb" type="application/x-shockwave-flash" width="100%"></embed>
</object>
Thank you :)
 
Top Bottom