Chrome, Safari max-genişliği tablo görmezden

SORU

25 EKİM 2010, PAZARTESİ

Chrome, Safari max-genişliği tablo görmezden

Böyle bir HTML kodu var:

<!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>

Sorun Chrome ve Safari "max-width:1000px"görmezden. Arkadaşım iç saha için "display:block" ekleyerek bunu önleyebiliriz buldu ve bir şekilde çalışıyor.

Ben ne olduğunu bilmek istiyorum - bu sorunu çözmenin başka yolları da var ve neden bunlar oluyor?

CEVAP

26 EKİM 2010, Salı

Max genişlik block elements için geçerlidir. <table> block nor inline de. Yeteri kadar belirsiz? haha. display:block; max-width:1000px width:100% unutabilirsin. Chrome ve Safari kuralları izleyin!

Bunu Paylaş: