基本上，我有代码:
<div id="footer">
<a href="http://site.com/" target="_blank"><img src="image here.jpg"></a>
<div style="position:absolute;left:5px;top:0px;">
text here
</div>
</div>
CSS:
#footer { line-height:125px; margin:0 auto; width:500px;height:100%; text-align:center;color:#ECECEC; }
它在一台计算机上运行良好，然后如果我将它加载到另一台计算机上，文本会根据显示器/分辨率进一步向左或向右偏移。
如何设置它使其居中但悬停在图像上方/下方以偏移到图像的右侧？
编辑
小屏幕:
大屏:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>stuff here</title>
<style type="text/css">
#footer_container {border:0px solid #666; bottom:0; height:95px; left:0; position:fixed; width:100%; }
#footer { line-height:125px; margin:0 auto; width:500px;height:100%; text-align:center; }
#footer2 { line-height:165px; margin:0 auto; width:500px;height:100%; text-align:center; }
</style>
</head>
<body>
<div id="container">
stuff here
</div>
<div id="footer_container">
<div id="footer">
<a href="http://site.com/" target="_blank"><img src="http://i.imgur.com/nx8pHGH.png"></a>
<div style="position:absolute;left:500px;top:0px;">
<i><font color=black>dasdasdasd dsad dasdasdas dsadsad <a href="http://site.com/" target="_blank">ssdasdasd</font></a>.</i>
</div>
</div>
<div id="footer2">
<div style="position:absolute;left:500px;top:0px;">
<font color=black><b>dasdsa dasdasd dasdasdasd dasdsadsad .</b></font>
</div>
</div>
</div>
</body>
</html>
最佳答案
关于javascript - 根据窗口宽度的中间制作一个 div 偏移量？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19737767/