作者Kelunyang (可倫)
看板Web_Design
標題[問題] 用CSS製造浮動的表格列
時間Wed Sep 8 11:25:04 2010
是這樣,小弟最近想寫一個元件,行為是按下去表格的表頭
就會在下面浮動出一個選項列(當然也是要和表格同寬),所以小弟開始先用CSS做一個
測試的版型
結果剛剛起床之後試了半天,其他瀏覽器(W7 IE8、FX、Chrome)都可以跑
就只有XP下的IE6位置不對,Opera勉強可以
不知道到底是IE6不能這樣做,還是小弟對CSS的理解有問題呢@@"
用IE、FX、Chrome都可以看到小弟希望的效果(或者應該放棄IE6嗎@@?)
就教版上的各位前輩了<(_ _)>
謝謝大家!
以下是程式碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
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
推 compbell:放棄IE6 09/08 21:31
推 Terence223:一樓XDDDDD 09/09 04:19
→ Kelunyang:所以真的沒辦法囉XDDDDD 09/09 10:36
推 hsnu114444:jQuery 09/12 01:37