Search code examples
htmlcsswebkit

Dynamic width in table column for webkit

I want to create a good looking separator for my web app:

enter image description here

Here is the code: http://jsfiddle.net/sAUvk/

It works fine with Firefox (v4) but Chrome (v10) just shows the middle column. When I set the width of the left and right column manually it works too, but I want them to fill the space which is left. Any ideas?

Solution

  • The left and right cells are collapsing. Adding content would obviously give them width, but so does adding padding in the CSS: jsfiddle.net/sAUvk/1/

    Edit: Why not just set colspan=3?