views:

32

answers:

2

I am working on taking an IE only site and making it cross browser. Everything is looking food 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.

+1  A: 

This might be silly, but make sure you're selecting the tbody correctly

#datatable tbody{width:100%} 
MrGrigg
A: 

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...

Isisagate