2010-01-12 5 views
1

두 개의 중첩 된 div은 모두 400 픽셀입니다. 사이드 바 div는 Chrome 및 Firefox에서 올바르게 표시되지만 Internet Explorer 8에서는 Internet Explorer의 엉망으로 된 상자 모델로 인해 충분히 넓어지고 키가 잘 잡지 못합니다.Internet Explorer 8에서 박스 모델 해킹이 작동하지 않습니다.

박스 모델 해킹으로 문제를 해결해 보았지만 아무 것도하지 않아서 삭제했습니다. 나는 가로 세로 막대 Internet Explorer 해킹에서 880 (# container div의 너비)의 얼마나 많은 19 % (왼쪽 및 오른쪽 패딩 = 188 픽셀의 경우 168 픽셀 + 20 픽셀)를 계산하여 고정 폭을 사용하려고 시도했지만, 그러나 그것은 아무것도 바뀌지 않는 것처럼 보였습니다, 그것은 Internet Explorer에서 같은 크기였습니다.

Firefox 및 Chrome에서와 마찬가지로 Internet Explorer에서이 웹 페이지가 어떻게 보이게합니까? 나는이 상자 모델 해킹의 초보자이다.

소스 코드는 http://68.82.27.200/alienscientist/에서 찾을 수 있습니다.

또한 최상위 메뉴가 충분하지 않으며 Internet Explorer에서 헤더의 높이가 충분하지 않습니다. 나는 아직 그것을 고치려고하지 않았지만 사이드 바에 대한 수정 사항을 적용 할 수 있습니까?

답변

4

엄격한 doctype을 사용하는 경우 상자 모델 문제는 IE8 에서 문제가되지 않습니다. 오히려 의견보다

<!-- BEGIN HTML HEADER --> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" class="webkit safari safari4 mac"> 

내가 DOCTYPE 라인 상단에 있어야한다고 생각 : 난 당신이 엄격한을 선언했지만, 당신의 HTML의 상단에 몇 가지 문제가이 취소 될 수 있습니다 볼 수 있습니다. html 노드의 xml : lang 및 lang 속성도 누락되었습니다.이 노드는 클래스가 없어야합니다 (해당 클래스를 body에 놓음).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

대부분 교육 수준이 높지만 문제가 해결되었는지 확인하십시오.

+0

거룩한 greenbeans, 루시퍼! 그것은 효과가있다! 고맙습니다!!! –

+0

승인 된 답변으로 표시 할 수 있습니까? 감사! –

+0

완료. 죄송합니다, 다소 stackoverflow 롤. –

관련 문제