【问题标题】：How to fix the position of an object near to another one on a web page?如何在网页上固定一个对象靠近另一个对象的位置？
【发布时间】：2011-06-19 14:27:46
【问题描述】：

我想将 facebook 按钮放在屏幕上的 Flash 电影的左下角。我的问题是，当屏幕调整大小时，swf 位置发生了变化（它保持在屏幕的中心，这就是我想要的）但是 facebook 的按钮位置不会随着 flash 电影而改变。

我的网站是http://www.quickguitartuner.com/（如果它在第一次尝试时拒绝加载，请按 F5。这是我遇到的另一个问题）

页面代码：

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Quick Guitar Tuner</title>
</head>

<body>

<p align="center"><u>
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="900" height="550">
    <param name="movie" value="Flash/bin/main2_secure.swf">
    <param name="quality" value="High">
    <embed src="Flash/bin/main2_secure.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="900" height="550" quality="High"></object>
</u></p>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=127418320673531&amp;xfbml=1"></script><fb:like href="http://www.quickguitartuner.com/" send="true" layout="box_count" width="450" show_faces="true" font="" style="position:relative; left:500px; top:0px"></fb:like>

</body>

</html>

谢谢！

更新：

我在 swf 对象代码中插入了 facebook 按钮代码，如下所示：

<p align="center"><u>
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="900" height="550">
    <param name="movie" value="Flash/bin/main2_secure.swf">
    <param name="quality" value="High">
    <embed src="Flash/bin/main2_secure.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="900" height="550" quality="High">
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=127418320673531&amp;xfbml=1"></script><fb:like href="http://www.quickguitartuner.com/" send="true" layout="box_count" width="450" show_faces="true" font="" style="position:relative; left:600px; top:-300px"></fb:like></object>
</u></p>

它现在似乎可以工作了。这种解决方法可以吗？

【问题讨论】：

我不得不把我的吉他放在我 iMac 上的麦克风附近；）而且每次它都会询问我是否允许 Flash 控制我的麦克风

标签： javascript html object layout placement

【解决方案1】：

您的更新不是解决方法，因为您没有使用 CSS，是的，这就是答案！您所做的是，您将对齐放在P 标记上，以便浏览器自动在中心呈现P 标记。但是您可以这样做，因为它可能会对您有所帮助，因为将 facebook 放在 swf 对象标签内是不安全的。这样会更好：

<p align="center"><u>
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="900" height="550">
    <param name="movie" value="http://www.quickguitartuner.com/Flash/bin/main2_secure.swf">
    <param name="quality" value="High">
    <embed src="Flash/bin/main2_secure.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="900" height="550" quality="High">
</object>
</u></p>
    <p align="center"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=127418320673531&amp;xfbml=1"></script><fb:like href="http://www.quickguitartuner.com/" send="true" layout="box_count" width="450" show_faces="true" font="" ></fb:like>
</p>

【讨论】：

感谢您的信息！我应该如何继续使用 google 的 +1 进行 sabe？它的“渲染”代码是
我刚刚针对我刚刚提出的这个问题发表了另一篇文章 (stackoverflow.com/questions/6403567/…)

【解决方案2】：

只需将 facebook 的东西放在与 flash 对象相同的 p-element 中即可：

<p align="center"><u>
<object ...>
...
</object>
<div id="fb-root"></div><script src="...">...</fb:like>
</u></p>

当然还有删除fb:like 的left:500px; 样式。所以一切都居中，但点赞按钮在闪光灯的左侧..

【讨论】：

【解决方案3】：

尝试应用这个 css：

position: relative;
left: 50%;
bottom: 10px;
width: 60px;
margin-left: -30px;

screenshot

【讨论】：