2009-12-03 1 views
0

저는 현재 Blueprint CSS 프레임 워크를 스티브 해쳐의 sticky footer markup과 함께 910px로 설정하는 프레임 워크를 사용하고 있습니다.청사진 IE6이 적용된 CSS 프레임 워크/고정 바닥 글 문제

문제 저는 인터넷 익스플로러 6에서만 몇 가지 이유 때문에 #wrap 클래스의 오른쪽에 추가 패딩/여백 10px가 추가된다는 것을 알게되었습니다.

나는 여기에 내 테스트 사이트를 업로드 한 :

여기

http://www.prashantraju.com/test

는 IE7 대 IE6의 비교입니다.

comaparison http://www.prashantraju.com/test/ie6ie7.gif

는 IE7과 오른쪽에는 여백/패딩 (빨간색 영역)이없는 있지만, IE6에 추가 10px이 볼 수 있듯이.

문제를 해결할 수있는 방법이 있습니까? 아니면 추가 10 픽셀의 원인은 무엇입니까?

미리 감사드립니다.

답변

1

FireBug에서 얻을 수있는 것부터 탐색 바에 명시 적으로 너비가 설정되어 있지 않습니다. 고정 크기 (910px와 동일)를 지정하면 어떻게됩니까?

편집 :

죄송합니다, 방화범이 끌려 CSS를 출력 주어, 나는 당신이 라인 (101)로부터 screen.css에서 상속 요소를 사용하고 있는지 의심 : 마진 오른쪽 : 10px;

제가 그 원인이라고 생각합니다.

탐색 표시 줄에 스타일 시트에 고유 한 CSS 항목이 있습니다.이 문제를 해결하기 위해 margin-right 요소 valut를 0으로 다시 할당 할 수 있습니다.

+0

감사! 910px 또는 23 열의 요소에 margin-right : 0을 추가하면 IE6에서 여백이 10px로 고정되었습니다. – schone

+0

아, 잘 들으시는 분 :) 그냥 브라우저 유형을 검사하여 특정 브라우저에 특정 CSS를로드하면 브라우저 비 호환성 문제를 해결할 수 있습니다. IE6은 저의 두통과 상처입니다 ... –