2011-07-05 3 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에서 불규칙 모드가 실행되는 원인은 무엇입니까?

관련 문제