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