Размещение HTML5-плеера Jquery на простой HTML-странице

Question

Рассматриваемый макет находится здесь: http://www.davedaranjo.com/media.html

Это, вероятно, проблема в стандартном позиционировании с css, но я пробовал каждую комбинацию позиционирования, которую я могу придумать, чтобы добиться этого:

http://i.imgur.com/y1qRU.jpg

Каждый раз, когда я пытаюсь переместить игрока в любое место на странице, он располагается внизу, даже ниже нижнего колонтитула.Я даже пытался поместить контент в таблицу со ссылками и видео слева и плеером справа, но плеер даже не будет сидеть за столом.Я также попробовал несколько тегов позиционирования в файле css, и в лучшем случае он переместится, если я задам ему фиксированную позицию, но потому, что остальная часть макета не является фиксированной (и не остальной частьюсайт), это не жизнеспособное решение.

Я понимаю, что это, вероятно, что-то фундаментальное, что я здесь упускаю, но любые предложения будут чрезвычайно полезны.

Спасибо!

Answer 1

Я быстро взглянул на источник этой страницы и увидел довольно много вещей, которые я хотел бы изменить, поэтому я не буду вдаваться в подробности, но, возможно, это поможет вам начать.

Вы можете попробовать перевести ваш основной div (ищите <div align="center"> в вашем коде) с помощью css float: left;, а также сделать встроенный блок вашего игрока таким образом;

.ttw-music-player { display: inline-block; }