Question

I am working on taking an IE only site and making it cross browser. Everything is looking good in IE, Chrome, and Safari. However Firefox isn’t happy.

I have a table class called “datatable” it is as the name suggests a datatable. I am trying to get it to stretch to 100% of width of the div it’s contained in. The div above is 100%. When I use firebug to check it, the table is stretching to 100%. However, the tbody that Firefox generated is not stretching to 100%. So because of that the rows in the table are as small as the tbody. So I have no idea how to fix this. I tried
tbody{width:100%;} and it did nothing.

Any ideas I would greatly appreciate it.

Answer 1

Okay I just answered my question… inside the css there was a generic css like this…

table
{
    border:0px solid #000000;
    padding:0 0 0 0;
    border-collapse:collapse;
    border-spacing:0;
    display:block;
}

I removed the display:block and everything works great now… I had looked for that on the table.datatable definition, but did think to look for a generic one in the file…