我有下表:
A1 | B1 | C1 |
A2 | B2 | C2 |
A3 | B3 | C3 |
基本思想是第一行必须是7像素高.左右单元格(A1和C1)必须为7px宽,中间单元格(B1)必须根据表格的宽度进行缩放.底行(A3,B3,C3)也是如此.
然而,中间行需要在高度上扩展 – 换句话说,它需要是(tableheight – 14px).左侧和右侧的单元(A2,C2)需要为7个像素宽.
一个例子:
7px x 7px
|------|-------------------------|------|
--- +------+-------------------------+------+
| | | | |
| 7px | | | |
| | | | |
--- +------+-------------------------+------+
| | | | |
| | | | |
| | | | |
| | | | |
| y | | | |
| | | | |
| | | | |
| | | | |
| | | | |
--- +------+-------------------------+------+
| | | | |
| 7px | | | |
| | | | |
--- +------+-------------------------+------+
然而,在Internet Explorer中,宽度可以正常工作(列A和C为7px,列B动态缩放) – 但高度不会.第1,2行和第3行不管我做什么,都是桌子高度的33%.不幸的是,我必须使用这个表,所以用一组DIV代替它不是一个选择.
我有以下DOCTYPE:
我需要保持这一点,因为页面上的其他一些元素依赖于一些复杂的基于CSS的布局.
任何人都可以指出我正确的方向,将其转化为IE的形状?
编辑:应该早些提及 – 这个表使用javascript动态调整大小.