2011-07-05 23 views
0

私は幅200pxの要素を持っています。左右にそれぞれ100pxのパディングがあります。 IE7、IE8、およびFirefox 4では、要素widthにパディングが追加されます。ただし、IE Quirksモードでは、パディングは付加されず、幅は200pxのままです。これを修正できますか?QUALKSモードで次の問題を解決するにはどうすればよいですか?

<!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=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
#t1{float:left;border:#000 thin groove;width:200px;padding:10px 100px 10px 100px;} 

</style> 
</head> 

<body> 
<p id="t1">This is child 1</p> 

</body> 
</html> 

答えて

3

クォークモードを使用しない。 Quirksモードは破損したボックスモデルを使用するため、これはそのレンダリングモードの予想される動作です。

すでに適切なdoctype宣言で標準モードを使用しています。 IE上で不具合モードが引き起こされる原因は何ですか?

関連する問題