[問題] 用CSS製造浮動的表格列
是這樣,小弟最近想寫一個元件,行為是按下去表格的表頭
就會在下面浮動出一個選項列(當然也是要和表格同寬),所以小弟開始先用CSS做一個
測試的版型
結果剛剛起床之後試了半天,其他瀏覽器(W7 IE8、FX、Chrome)都可以跑
就只有XP下的IE6位置不對,Opera勉強可以
不知道到底是IE6不能這樣做,還是小弟對CSS的理解有問題呢@@"
用IE、FX、Chrome都可以看到小弟希望的效果(或者應該放棄IE6嗎@@?)
就教版上的各位前輩了<(_ _)>
謝謝大家!
以下是程式碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"" rel="nofollow">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="" rel="nofollow">http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<style type="text/css">
<!--
td.floatcontrol {
z-index: 2;
/*background-color: #CCC; */
position:absolute;
width:100%;
margin:0px;
padding:0px;
width:622px;
height:30px;
border:1px solid #CCC;
}
-->
</style>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0"
style="width:622px;height:300px;">
<tr>
<th scope="col">111</th>
<th scope="col">111</th>
<th scope="col">111</th>
</tr>
<tr style="height:0px;">
<td colspan="3" class="floatcontrol">000000000</td>
</tr>
<tr>
<td>222</td>
<td>222</td>
<td>222</td>
</tr>
<tr>
<td>333</td>
<td>333</td>
<td>333</td>
</tr>
</table>
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.32.31.208
推
09/08 21:31, , 1F
09/08 21:31, 1F
推
09/09 04:19, , 2F
09/09 04:19, 2F
→
09/09 10:36, , 3F
09/09 10:36, 3F
推
09/12 01:37, , 4F
09/12 01:37, 4F