Firefox issue with display:absolute in a table cell

Question

I have found an issue when using absolutely positioned content within a td element. The td element is not being recognised as a positioned element

Answer 1

If you set the display of the cell to block it will get wrapped in an anonymous table cell. The resulting CSS box tree is the same as if you created a

inside the cell and set all the cell's styles and attributes on that block.

This might be OK for many purposes. It'll break if the cell has a rowspan or colspan (because those don't mean anything on blocks) or if the cell has border styles that you expect to take part in border collapsing or if you have two such cells next to each other (because then the two blocks will be wrapped in a single table cell, not in two separate table cells). There are probably other situations where the behavior will be unexpected. But if you have enough control over the styles and content and aren't doing too much styling of the cell, this will work.

0 讨论(0)

查看其它2个回答

发布评论:

提交评论

---

•  加载中...