2011-07-12 16 views
0

私はチュートリアルhttp://www.quirksmode.org/css/width.htmlのコードを試してみました:最大値/最小値(幅と高さ)が正しく動作していませんか?次のように

<html> 
    <head> 
     <style type="text/css"> 
     p{ 
     border: 2px solid #6374AB; 
     padding: 10px; 
      } 
     p.test1{max-width:50px;} 
     p.test2{min-width:800px;} 
     p.test3{max-height:20px;} 
     p.test4{min-height:200px;} 
     p.test5{ 
      max-height:50px; 
      max:width:50px; 
      } 
     </style> 
    </head> 

    <body> 
     <p>This is the default test paragraph. All paragraphs below have an extra min/max declaration added.</p> 

     <p class="test1">Test paragraph with max-width: 50px</p> 

     <p class="test2">Test paragraph with min-width: 800px</p> 

     <p class="test3">Test paragraph with max-height: 20px, even though I put a lot of content in just to try to stretch it a tiny little bit (which, of course, doesn't work thanks to the Power of Standards).</p> 

     <p class="test4">Test paragraph with min-height: 200px</p> 

     <p class="test5">Test paragraph with max-height: 50px; max-width: 50px</p> 

    </body> 
    </html> 

しかし、問題は、IAMが取得し、最大/最小(幅と高さ)何でないhttp://www.quirksmode.org/css/width.htmlに示されている結果ではないということです働いているはずです。誰も私にこれを説明できますか?現在のブラウザはIE8です。ありがとうございます。

+1

あなたは 'max-width'ではなく' max:width'を持っています。 – alex

答えて

0

IE8で互換モードを有効にしてページを正しく表示する必要があります。

これは、IE8は、ページがクォークモードであるかどうかを判断できないときに、ページのレンダリング方法を決定するためです。

関連する問題