• firefox,ie 6,7下div问题 - [一些资源]

    2008/06/20

    FF3如同新股发布，第一天就创下天量，换手率达到4%。上次装了之后一堆问题，卸了。这个版本稳定很多倒是真的。之后浏览自己的blog，div错得离谱。

    大家都是浏览器，咋识别css出来的差距这么大呢。标准就是用来讹人的。firefox判断margin有很大问题，能改的地方都改成了padding属性。

    本来左栏是自适应宽度的，在firefox下怎么都不行，没办法只能给三栏全部限宽，用百分比限宽。所以大分辨的时候边栏也将拉开。

    ie6下的clear:both是不能省的。看来看去ie7最佳。

    Tag：firefox3 ie6 ie7 css
    stjacob 发表于21:36:34 | 阅读全文 | 评论 0 | 编辑 | 推荐 | 分类：一些资源

  • 平行div保持相同高度 (自适应) - [一些资源]

    2008/06/17

    对自己的三栏css进行修改。发现中右两栏的高度无法与左边的日志栏自动适应。日志栏由于日志的数量会变动。但如果日志栏高度低的话，又无法与中右栏高度一致。上网找了下，有一种利用overflow属性把多个div（这些div都设置了超长的高度或者宽度）进行平整，效果不太好。似乎纯粹css无法做到div高度自适应。

    这里有个方法：

    假设有div1,div2,div3(三个子div，不管哪个栏变动)。在加载页面里三个子div声明结束后（要在父div的结构里），加上：

    <script type="text/javascript">

    var a=Math.max(document.getElementById("div1").offsetHeight,document.getElementById

    ("div2").offsetHeight,document.getElementById("div3").offsetHeight);

    document.getElementById("div1").style.height = a + "px";

    document.getElementById("div2").style.height = a + "px";

    document.getElementById("div3").style.height = a + "px";
    </script>  

     

    就是比较三个栏的高度大小，取出最大值。然后全部赋值为最高的。
     

    Tag：div 自适应 相同高度 css javascript
    stjacob 发表于16:35:55 | 阅读全文 | 评论 0 | 编辑 | 推荐 | 分类：一些资源
共1页 1