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

Popular posts from this blog

c++ - Convert big endian to little endian when reading from a binary file -

C#: Application without a window or taskbar item (background app) that can still use Console.WriteLine() -

unicode - Are email addresses allowed to contain non-alphanumeric characters? -