tion %> 山东人玩的麻将游戏
當前位置:首頁 > 建站知識

像table一樣布局div II

更新時間:2009.06.21 瀏覽次數:

上一篇的問題就是,這個模型對IE來說等同于垃圾,所以基本只能是做來玩玩而已,沒有什么實際的用處,現在我要做的就是,
讓它也能在IE下更好的顯示,所以我又做了 第二個模型

xhtml結構類似 第一個模型 的只是增加一個新的div給IE

<div class="equal">
    <div class="row">
        <div class="one"></div>
        <div class="two"></div>
        <div class="three"></div>
        <!--[if IE]>
        <div class="ieclearer"></div>
        <![endif]-->
    </div>
</div>

給xhtml增加一個判斷,判斷是否為IE,然后給IE一個特殊待遇,在IE顯示和別的瀏覽器不同的代碼,對于這個判斷IE\MAC優先選擇顯示其間的內容。

然后在CSS中也增加一個判斷,配合xhtml,用浮動對齊(浮動對齊就不用解釋了)的方式來實現容器的等高并排放置,但是還是無法真實的實現等高,你可以采用添加背景顏色的視覺錯覺來實現視覺上的等高,或者采用別的方法,這里就不進行說明了。下面是CSS中的代碼

<!--[if IE]>
    <style type="text/css" media="all">
.equal, .row {
    display:block;
}
.row {
    padding:10px;
}
.row div {
    display:block;
    float:left;
    margin:0;
}
.row .two {
    margin-left:10px;
}
.row .three {
    width:160px;
    float:right;
}
.ieclearer {
    float:none;
    clear:both;
    height:0;
    padding:0;
    font-size: 2px;
    line-height:0;
}
    </style>
<![endif]-->

到此,整個設計真正的完成了,雖然不夠完美,對非IE而做出努力顯得有點多余,現在要么IE支持第一個模型,要么我們可能會想出更好的方案來。但是這次嘗試是有價值的。

烟台麻将规则 大嬴篮球即时比分 广西十一选五结果 闲来甘肃滑水麻将下载 辽宁35选7走势图历史开奖号 福建麻将胡牌 神龙碎片 nba史上最悬殊比分 贵州麻将聚友 股票行情实时查询002683 腾讯欢乐麻将教程 一本道成人色情电影 成都麻将机厂家地址 十分十一选五开奖结果 金信达配资 哈尔滨麻将一毛群 11选5广东开奖历