首页 > 模板 > joomla模板设计的DIV等高的设置

joomla模板设计的DIV等高的设置

2010年1月28日 nhuang 发表评论 阅读评论

joomla制作模板的过程中,发现有时候由于模块内容的不同,导致高度不一致,影响美观。这倒也罢了,特别是背景图片应用中需要左右一致的效果,这样就头痛了。于是只能用JS来解决这样的问题。

function set_height(){
    var body_left= document.getElementById(‘nhbody-left’).offsetHeight;
    var body_right = document.getElementById(‘nhbody-right’).offsetHeight;
    if (body_left>body_right){
        document.getElementById(‘nhbody-right’).style.height=body_left+’px’;
    }else{
        document.getElementById(‘nhbody-left’).style.height=body_right+’px’;
    }
}

这段代码就是针对我制作模板中,两个ID:nhbody-left,和nhbody-right相关等高。将JS代码插入到JS引用里面,轻松实现了这两个ID的等高。

No related posts.

分类: 模板 标签:
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.