html - tbody border not showing -
why doesn't border show around tbody in following? tried rules="groups" , border appears, between 2 tbody sections , collapsed.
<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset="utf-8"> <title>test</title> <style type="text/css"> table.sectioned tbody { border: 2px solid black; border-collapse: separate; border-spacing: 4px; } </style> </head> <body> <table class="sectioned"> <tbody> <tr><td colspan="2"><b>general data</b></td></tr> <tr><td>tail number</td><td>n0809021</td></tr> <tr><td>type of ownership</td><td>personal</td></tr> <tr><td>type of aircraft</td><td>aircraft under 13,000 pounds</td></tr> <tr><td>year of manufacture</td><td>1999</td></tr> <tr><td>use of aircraft</td><td>private</td></tr> <tr><td>start date</td><td></td></tr> <tr><td>policy length</td><td>6 months</td></tr> </tbody> <tbody> <tr><td colspan="2"><b>additional aircraft information</b></td></tr> <tr><td>manufacturer</td><td></td></tr> <tr><td>model</td><td></td></tr> <tr><td>engine make</td><td></td></tr> <tr><td>number of seats</td><td></td></tr> </tbody> </table> </body> </html>
add display:block tbody style. try this
tbody{ display:block; border: 2px solid black; border-collapse: separate; border-spacing: 4px; }
you can test out on fiddle
Comments
Post a Comment