|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
網頁中三行的效果怎麼作?DIV+CSS
上邊的高度是60PX的表格一個;
下邊的高度是60PX的表格一個;
中間的表格高度不一定;
我想實現的效果為:
當中間的表格為空或是很低的時候;上邊的表格總在瀏覽器的最上邊;下邊的表格總在瀏覽器的最下邊;當中間的表格很高的時候,最下邊的表格自動像下頂;
|
你可以這樣,中間表格做個嵌套,設個高度正好是上面頂下面底的,然後在這個表格裡放一個表格,如果內容多了就自動把下面的頂下去了 |
這個方法不好
如果別人的窗口還沒有最大化了呢? |
恩,也對,那就要寫js來控制中間表格的高度了 |
[html]
<style>
#mid {
height: expression(document.body.clientHeight - 120 + "px");
background-color:#E5F6FA
}
</style>
<body style="margin: 0">
<div style="height: 60px; background-color:#CCCCCC">fdsfsdf</div>
<div id="mid">fdsfsdf</div>
<div style="height: 60px; background-color:#999999">fdsfsdf</div>
</body>
[/html] |
這個好!OK 了 ;謝謝; |
這個方法在firefox裡面不好用啊,有什麼辦法在firefox也能顯示啊 |
|