Why doesn't max-width work on s in IE7?
后端 未结 2 1987
慢半拍i
慢半拍i 2021-01-18 11:27

Why does \"max-width\" not work on tables in Internet Explorer 7? max-width is available on other elements, and seems to work fine, but when applies to a table,

2条回答
  •  逝去的感伤
    2021-01-18 11:41

    Try this:

    table#my_table {
        max-width:500px;
        width:expression(document.body.clientWidth > 500? "500px": "auto" );
    }
    

    Unfortunately this won't validate due to the ?. The good news is since it's an IE-only solution you can simply do conditional elements when you create your tag and setup IE-specific classes:

     
     
     
     
    
    

    Now in your CSS:

    table#my_table {
        width:500px;
        max-width:500px;
    }
    
    .ie7 table#my_table {
        width:expression(document.body.clientWidth > 500? "500px": "auto" );
    }
    

提交回复
热议问题