css - Match width of different elements on web page. HTML IE7 & IE8 -
in following code need match width when shrinking window :
<div style="background-color:blue;">the title</div> <table>   <tr>     <td> column title </td>     <td>content</td>     <td>column title2</td>     <td>content 2</td>   </tr> </table>   this little example of page, involve more divs , tables.
when shrink window table , div shrink need div shrink more table, , make page ugly.
is there way stop div shrinking when table can't shrink more?
i tried min-with , not work, , asked similar apparently there isn't apart of javascript.
could of give me solution other javascript?
thanks in advance.
cesar.
i not have ie7+ test this, in opera works when put html in outer div block. outer div block same table. @ point not fit browser window more, outer block has width , in title div keeps same width outer block.
<div style="background-color:red;">   <div style="background-color:blue;">the title</div>   <table>     <tr>       <td> column title </td>       <td>content</td>       <td>column title2</td>       <td>content 2</td>     </tr>   </table> </div>      
Comments
Post a Comment