使用JavaScript更改元素的位置

Question

我正在构建Wordpress主题，并且遇到了页脚位置问题。索引页是好的，我在style.css margin-top中定义了“footer”，因为“foot_sadrzaj”拥有文本和图像，所以女巫的bckimage保持在900px，margin-top的“foot_sadrzaj”保持为918px。这里的链接：http://casabianca.ba/test/

那么，如果我去页面，页面的内容是在或，当显示帖子，在。我写了一些JS代码来改变页脚和foot_sadrzaj的位置，这取决于sadrzaj或sadrzaj_single，包含内容的元素的位置和高度，但它不起作用（像这里：http://casabianca.ba/test/novosti/）....你能帮我弄清楚为什么？

这里，S代码：

var div = getElementById('sadrzaj'); 
var div2 = getElementById('sadrzaj_single'); 


if (div) { 
    var z = div.style.offsetTop+div.style.offsetHeight; 
    getElementById('footer').setAttribute(
      "style", "marginTop:" + z.toString() + "px"); 
    getElementById('foot_sadrzaj').setAttribute(
      "style", "marginTop:" + (z+18).toString() + "px"); 
} 
else if (div2) { 
    var z = div2.style.offsetTop+div2.style.offsetHeight; 
    getElementById('footer').setAttribute(
      "style", "marginTop:" + z.toString() + "px"); 
    getElementById('foot_sadrzaj').setAttribute(
      "style", "marginTop:" + (z+18).toString() + "px"); 
} 

Answer 1

如果可能的话，你可以试试jQuery的。

jQuery有很多定位选项，包括CSS样式。

http://api.jquery.com/css/