mattrd Posted February 1, 2007 Share Posted February 1, 2007 i have a table with borders defined in the css. looks great in firefox but no borders shows up in IE on the empty cells. what is going on? this is my code.Here's my html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><title>Untitled Document</title></head><body><div id="panel"><table cellpadding="3" cellspacing="0" class="list"> <tr> <th>Client Id</th> <th>Last Name</th> <th>First Name</th> <th>Date of Birth</th> <th>Soc Sec #</th> </tr> <tr> <td><a href="/participant/goto/9" >9</a></td> <td>example-b</td> <td>Mary</td> <td>1980-01-11</td> <td>123342453</td> </tr> <tr> <td><a href="/participant/goto/2" >2</a></td> <td>Participant</td> <td>Test</td> <td>1988-01-07</td> <td>232456767</td> </tr> <tr> <td><a href="/participant/goto/17" >17</a></td> <td>Sample</td> <td>Jane</td> <td>1981-01-01</td> <td></td> </tr> <tr> <td><a href="/participant/goto/16" >16</a></td> <td>Sample</td> <td>Jane</td> <td>1982-01-01</td> <td></td> </tr> <tr> <td><a href="/participant/goto/1" >1</a></td> <td>Sample</td> <td>Jane</td> <td>1982-01-01</td> <td>222334444</td> </tr> <tr> <td><a href="/participant/goto/3" >3</a></td> <td>sample-a</td> <td></td> <td>1988-01-11</td> <td></td> </tr> </table> </div></body></html> and here's my css #panel table.list th, #info table.list th { border: 1px solid #42949C; background-color: #D8F3F3; height:21px;}#panel table.list td, #info table.list td { border: 1px solid #D8F3F3; height:21px;} any help would be greatly appreciated. thank you. Link to comment Share on other sites More sharing options...
pulpfiction Posted February 1, 2007 Share Posted February 1, 2007 One way is to use in the empty cells.... then border will appear.<td> </td> Link to comment Share on other sites More sharing options...
mattrd Posted February 1, 2007 Author Share Posted February 1, 2007 yeah but the tables are dynamically generated with php. I can't but a non breaking space in them. Link to comment Share on other sites More sharing options...
ste Posted February 2, 2007 Share Posted February 2, 2007 in your csstable { empty-cells: show ; } Link to comment Share on other sites More sharing options...
mattrd Posted February 2, 2007 Author Share Posted February 2, 2007 in your csstable { empty-cells: show ; }i tried that too and it didn't work. Link to comment Share on other sites More sharing options...
Anders Moen Posted February 2, 2007 Share Posted February 2, 2007 I think the only way is to use a in empty cells. That's what I do, and it works fine when I do it. Link to comment Share on other sites More sharing options...
pulpfiction Posted February 2, 2007 Share Posted February 2, 2007 empty-cells: show will not work in IE..... Try this site, It uses for empty cells, but JS is used to replace the empty cell on page load.....http://krijnhoetmer.nl/stuff/css/table-empty-cells/ Link to comment Share on other sites More sharing options...
S@m Posted February 2, 2007 Share Posted February 2, 2007 You have to have something in there, otherwise it won't render. (As you are finding out) There's got to be a way to populate the cell with the I would have to do some research as I have no idea how to do that just yet. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now