html - Proper CSS for fixed table layout in ie8 with colspan -
this excert dynamically built table. proper css make first <td>
in second rwo (id='backdate') fixed width? (currently not change width when increasing or decreasing 70 value)
<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd"><html> <head> <meta charset=utf-8 /> <title>js bin</title> </head> <body> <table class='fifo' width='850' style='width:850px;table-layout:fixed;'> <thead><tr> <th colspan='3' style='width:820px;'>details</th> <th style='cursor:pointer;width:15px;' title='click save.'><span class='ui-icon ui-icon-check'/></th> <th style='width:15px;' title='click close.'><span class='ui-icon ui-icon-closethick'/></th> </tr></thead> <tbody> <tr><td id='backdate' colspan='1' class='button' style='cursor:pointer;width:70px;' width='70' title='back date start date/time.'>back date</td> <td colspan='4' style='width:780px;' width='780'><b>start date: </b></td></tr> </tbody> </table> </body> </html>
adding dummy row widths browser 'displays', isn't seen solves problem. rid of border, had add border-top-width:0px;
table's style
.
html
<tr> <th class='test' style='width:80px;'/> <th class='test' style='width:560px;'/> <th class='test' style='width:150px;'/> <th class='test' style='width:15px;'/> <th class='test' style='width:15px;'/>
css
.test { padding:0px!important; border-width:0px!important; height:0px!important; }
Comments
Post a Comment