2010-02-12 4 views
1

Magento를 사용하는 상점의 A 목록 외의 "In Search of The Holy Grail" 문서에서 3 열 레이아웃을 사용했습니다. 중간 열의 위쪽에는 상단에 오버플로하려는 컨테이너가 있는데, 중간 열의 바깥쪽으로 확장되어 오른쪽 열의 맨 위로 이동합니다. 아래처럼.IE 6에서 상위 컨테이너를 만들지 않고 컨테이너 오버 플로우를 부모 컨테이너로 만드시겠습니까?

 
_______________________________ 
|  |      | 
|  | Middle/Top   | 
|Left |_______________________| 
|  |     |  | 
|  | Middle/Main |Right| 
|_____|_________________|_____| 

나는 그것이 모든 최신 브라우저에서 잘 작동하지만 IE 6에 넘치는 중동/상단 부분은 그것을 포함하는 확장 중동/메인 섹션의 폭을 일으키는있어 방법.

누구든지이 문제를 해결할 방법을 알고 있습니까?

+0

내 머리 꼭대기에서 나는 Z- 인덱스를 사용하는 것이 가능하다고 생각할 것입니다. 마크 업/CSS를 게시 할 수 있습니까? –

+0

크로스 브라우저 솔루션을 찾을 수없는 경우 조건부 주석을 사용하여 선택적으로 IE 전용 CSS 파일을 포함하는 것을 고려하십시오. – voyager

+0

@KP 다음은 내가 http://dev.baseballtips.com/magento132/bats/bare-butt-bat.html로 작업하고있는 것입니다. – Jonnie

답변

1

IE6에서 볼 수있는 문제는 #sub-content#sidebar이 가로로 잘못된 위치에 있다는 것입니다. 최소한의 테스트 사례를 만들고 구조와 스타일을 성배 구조와 스타일과 비교하십시오. 한 가지 차이점은 왼쪽 및 오른쪽 열 (#sidebar#sub-content 앞에 와야 함)을 바꿨습니다. 시작 하자고 고칠 수 있습니다.

+0

감사합니다. 나는 그 사실을 깨닫지 못했습니다. 나는 그것을 고쳐서 어떤 문제가 아직도 일어나고 있는지 보게 될 것이다. – Jonnie