Post looks fine on browsers, messed up on iPhone

reeveer116

New Member
The post looks fine in all browsers and on my Galaxy S3 but the audio player drops down on the iphone4 (haven't tested on 5) and goes behind the download button: http://i50.tinypic.com/14n09d.pngI'm sure my code is a mess :/Here's the code for http://www.rockitmembers.us/2013/01/12/myreflection/The post:\[code\]<div class="beatposts"><div class="beatplayer"><audio id="audio2" class="HTML5AudioPlayer" width="262" height="26"><source src="http://www.rockitpro.com/beatstyles/EastCoast/ROCKITPRO.COM-MYREFLECTION675.mp3" type="audio/mpeg" /><source src="http://www.rockitpro.com/beatstyles/EastCoast/ROCKITPRO.COM-MYREFLECTION675.ogg" type="audio/ogg" /></audio></div><div class="buylicenseright"><a href="http://www.rockitmembers.us/fancyboxtest.html" class="iframe rollover"><span class="displace">Buy A Beat</span></a></div></div><div class="download">[member]<a href="http://www.rockitpro.com/beatstyles/EastCoast/ROCKITPRO.COM-MYREFLECTION675.mp3"><img src="http://www.rockitmembers.us/mp3download.png"></a>[/member]</div><span class="beattext">90 BPM. Story-telling style rap beat with grimy synths and pianos over hard hitting drums.</span>\[/code\]CSS:\[code\].beatposts {margin:6px 4px 5px 0px; /* for non-IE browsers */}.beatplayer {float:left; margin-left:4px;}.buylicenseright {float:right; margin:-2px 1px 0px 0px;}.download {width:102px;height:20px;float:left;position:absolute;margin-top:28px;margin-left:4px;}.loginfirst {font-style:italic;font-size:10px;width:264px;height:20px;display: block;float:left;margin-left:1px;}.beattext {display:block;padding:48px 0px 0px 0px;}\[/code\]
 
Back
Top