Edit Question - KnowledgeHub

Title Body

Is there any workaround for the following "1 pixel to the left" bug? <!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" xml:lang="en"> <body> <div style="padding: 50px"> <div style="border: 1px solid red">Table header info</div> <table style="border: 1px solid green; border-collapse: collapse; width: 100%"> <tbody> <tr> <th>Col1</th> <th>Col2</th> </tr> <tr> <td>Hello</td> <td>World</td> </tr> </tbody> </table> <div style="border: 1px solid red">Table footer info</div> </div> </body> </html> It looks like this: Is there any pure CSS solution to this? Edit I was bit unclear about my table so here it is again: With border-collapse: With cellspacing="0" and without border-collapse as suggested: So now the borders inside my table are doubled , but I want 1px border across my table. When I remove 1px border from table I end with: Borders are still doubled inside my table. I could set only right and bo

Tags (comma-separated) Cancel