Search code examples
csspositioning

Slide div below an absolute positioned div

http://jsfiddle.net/FUqhb/

I need to move the player so that it always stays below the cd cover. I can't change the html (I can add things but I can't change the order or delete stuff inside) and I can't set a fixed margin-top for the player. Other than that, any ideas?

I tried display:block but it doesn't work, probably because it's an absolute positioned div.

Solution

  • jsFiddle: http://jsfiddle.net/FUqhb/11/

    You can add a div with height:200px which will push the bar down.

    <div class="audio_player">
     <div style="height:200px"></div>
     <embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player_black.swf?audio_file=somefile.mp3" height="27" width="207"/>
</div>