Chrome, Safari игнорирует максимальную ширину в таблице

У меня есть такой HTML-код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> 
    <title></title> 
    </head> 

    <body> 
       <table style="width:100%;"> 
          <tr> 
             <td> 
                <table style="width:100%; max-width:1000px; background:#000099;"> 
                       <tr> 
                           <td> 
                               001 
                           </td> 
                       </tr> 
                   </table> 
               </td> 
           </tr> 
       </table> 
    </body> 
    </html> 

Проблема в том, что Chrome и Safari игнорируют "max-width: 1000px" My друг обнаружил, что мы можем предотвратить это, добавив "display: block" для внутренней таблицы, и это как-то работает.

Итак, я хочу знать, есть ли другие способы решения эта проблема и почему это происходит?

72
задан GaGar1n 19 March 2013 в 07:02
поделиться