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)

enter image description here

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

fiddle solution...

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

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -