2011-10-11 1 views
1

헤더에 절대적으로 위치한 이미지가있는 웹 사이트가 있습니다. IE6/7을 제외한 모든 곳에서 작동하는 것처럼 보입니다. 내 이미지는 상대적 위치 지정이있는 머리글 내에 절대적으로 배치됩니다. 이미지가 계속해서 헤더의 높이를 내려갑니다.이미지가 포함 된 IE7의 음수 절대 위치 지정

/*div*/ 
#header{padding:0;overflow:visible;position:relative;min-height:140px;margin:0;} 
/*image*/ 
#bod{position:absolute;top:0px;left:-95px;} 

고정 된 높이로 변경하려고 시도했지만 오른쪽에있는 카트 항목이 망가졌습니다.

웹 사이트는 greatcaesars.com입니다.

누구나 내가이 문제를 해결하기 위해 무엇을 할 수 있는지 제안 해 주시면 감사하겠습니다.

답변

0

IE의 이전 버전에서는 높이가 최소 높이와 비슷하게 처리되고 최소 높이가 전혀 작동하지 않습니다.

이 시도 :

#header{padding:0;overflow:visible;position:relative;min-height:140px;margin:0;} 
#header{height: 140px;} 
html > body #header{height: auto;} 

즉시 아이를 표시하기 위해 사용>, IE의 이전 버전에서 인식되지 않습니다.

+0

불행히도 그 중 하나를 해결하지 못했습니다. 나는 그것을 나의 CSS에 추가했다, 여전히 같은 효과를 다룬다. – Jason

+0

문제점을 발견했으며 코드와 관련이 없습니다. 나는 아래로 밀어 내리고있는 부유물을 가지고 있었고 블록에 절대를 좋아하지 않았습니다. 감사. – Jason

+0

다행 이군. – daveyfaherty