2012-02-07 4 views
0

IE6에서 디자인하고있는 웹 사이트에 정렬 문제가 있습니다. IE7, IE8 및 IE9를 포함한 모든 브라우저 (Firefox, Opera, Chrome, Safari 등)에서 잘 작동합니다. 기본적으로 문제를 해결 한 결과 25 개의 픽셀이 페이지 본문 또는 페이지의 오른쪽 본문 열에 추가됩니다 (아래 JS 피들의 div #body_box 또는 #right_box). 그것들은 인라인으로 표시되어야하지만 대신 # right_box가 겹쳐서 #body_box 밑에 표시되고 오른쪽으로 떠 있습니다.본문 내용 div IE6의 정렬 문제

내가 아는 방법은 div #Complete_Layout을 1025px로 확장 한 것입니다. (현재 설정된 1000px와 반대 됨) IE6에서 작동했습니다. 나는 1026px와 1024px를 시도했고 그것은 정렬되지 않았다. 정확한 배경 이미지의 크기를 확인하고 두 div (body_box 및 right_box)의 너비를 백분율 (75 % 및 25 %)로 변경하려고 시도했지만 동일한 결과가 나타났습니다. 나는 그 밖의 무엇에 대한 아이디어가 없습니다.

http://jsfiddle.net/cRcXq/

내가 PHP에서이 일을하고하고 body_box 및 right_box 섹션 파일을 (즉, 아무것도 변경하는 경우 모르는) 등의 일부임을 주목해야한다. index.right.php가 시작되는 곳에 JSFiddle의 HTML에 주석을 추가했습니다. 도와 주셔서 감사합니다.

답변

1

IE6과 다른 브라우저 간의 유명한 차이점 인 악명 높은 "IE 6 box model bug"처럼 보입니다. 기본적으로 IE 6은 패딩과 테두리를 요소의 너비와 높이의 일부로 계산하지만 그 이후의 다른 브라우저는 최신 브라우저와 동일한 모델을 따릅니다.

진지하게, 왜 IE 6 용 웹 사이트를 디자인하고 있습니까? 그것은 열 살이고 안전하지 못하며 미국 시장 점유율은 1 %에도 미치지 못합니다. 마이크로 소프트 has put up a website은 IE 6의 사람들을 몰아내는 데 전념했습니다. Office 2000이나 Mac OS 9 또는 PHP 3 용 코드는 작성하지 않으므로 왜 그 제품과 같은시기에 인기가 많은 브라우저 용 코드를 개발하고 있습니까?

+0

나는 당신이 옳다고 생각합니다. 그것이 (IE 6 박스 모델 버그에 익숙하지 않은) 전체 레코딩 호스트를 필요로하는 버그가 가득 차 있다면 나는 그냥 떠날 것이라고 생각합니다. 다른 모든 페이지는 사이트에서 작동합니다. 기본적으로 가능한 모든 것을 호환되도록 만들기 위해 노력하고 있었고 어도비 브라우저 랩은 IE6을 스크린 샷 옵션으로 사용하여 모든 것을 강화하려고했습니다. 나는 그것이 1 % 미만의 시장 점유율을 가지고 있다는 것을 모르고있었습니다! 감사합니다 아담. – MillerMedia