在普通的html页面上定位HTML5 Jquery播放器

时间:2011-09-01 14:40:09

标签: css html5 html positioning media

有问题的布局在这里:http://www.davedaranjo.com/media.html

这可能是css标准定位中的一个问题,但我已经尝试过每一个我能想到的定位组合来实现这个目标:

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

每次我尝试将播放器移动到页面的任何位置时,它都会将自己定位在底部,甚至位于页脚下方。我甚至尝试将内容放在一个表格中,左边的td中的链接和视频以及右边的播放器,但播放器甚至不会坐在桌子上。我也在css文件中尝试了一些定位标签,最好是如果我给它一个固定的位置它会移动,但是因为其余的布局没有固定(并且不在其余部分网站),这不是一个可行的解决方案。

我意识到这可能是我在这里缺少的基础,但任何建议都会非常有用。

谢谢!

1 个答案:

答案 0 :(得分:0)

快速浏览一下该页面的来源并看到了一些我会改变的事情,所以我不会详细介绍,但也许这会让你开始。

您可以尝试使用css <div align="center">浮动主div(在代码中查找float: left;),也可以像这样使您的播放器内联块;

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