수레가 IE7 또는 Firefox

문제의 페이지 IE8에서가 아니라 푸시 다운되는 것은 여기에 있습니다 : 당신은 내용이 사이드 바에서 푸시 다운되고 있다는 IE8에서 볼 수 http://supportdogs.digitalportals.net/PhotoGallery/16-Events 수레가 IE7 또는 Firefox

. IE8 호환 모드로 보시면 Firefox에서 이런 일이 일어나지 않습니다. IE8에서 다른 페이지를 탐색하면 문제가 지속되지 않습니다.

기본 레이아웃이 세 클래스

<div class="contentContainer"> 
    <div class="left"></div> 
    <div class="right"></div> 
</div>

CSS의 인은

#contentContainer { 
background: transparent url('../images/bodyBG.png') repeat-y center top; 
clear: both; 
padding: 0px 30px 0px 30px; 
margin-top: 83px; 
width: 935px; 
} 

#contentContainer .left { 
float: left; 
margin-top: 60px; 
padding-left: 5px; 
width: 195px; 
} 

#contentContainer .right { 
float: right; 
margin: -55px 0px 20px 0px; 
min-height: 620px; 
width: 700px; 
}

사람이 원인이 될 수 있는지 어떤 생각이 여기에있다?

출처

2010-04-21 BReno

당신은 (페이팔) 형태를 갖는다를 다른 (aspnetForm) 양식 안에 중첩됩니다. 이것은 잘못된 HTML입니다. IE8은 내부 </양식 > 태그가 바깥 쪽 양식을 닫은 것처럼 페이지를 구문 분석하므로 레이아웃이 손상됩니다.

IE8에서는 개발자 도구 (도구> 개발자 도구)를 열어 IE에서 페이지를 구문 분석하는 방법에 대한 방화범이 끌린보기를 열 수 있습니다.

출처

2010-04-22 04:33:46

감사합니다. IE8에서 개발자 도구를 사용할 수 있는지 전혀 몰랐습니다. 이것이 문제였습니다. 포토 갤러리 페이지와 캘린더 페이지는 .NET에 의해 동적으로 생성되기 때문에 .NET 양식 태그를 제거 할 수 있도록 해당 페이지를 아약스로 조사해야합니다. – BReno

나는 마진과 관련 있다고 생각한다. 대신 패딩을 사용해보십시오.

출처

2010-04-21 21:57:38 Germ

문제가 분명하다고 생각합니다. 둘 다 #contentContainer에 있습니다. 당신이 "분명히 : 둘 다"라고 할 때마다, 그것은 같은 선상의 모든 떠 다니는 내용 뒤에 떨어지는 것으로 간주됩니다. 나는 당신이 떠 다니는 DIV가 #contentContainer (같은 줄에 있지 않은)의 자식이기 때문에 그것이 약간 버그가있는 이유라고 생각합니다.

#contentContainer, 당신은 명확와 함께 떠 요소 후 다른 요소를 배치해야합니다 확장하지 않는 높이에 대해 걱정하는 경우 : 모두를, 또는이 문서 확인하실 수 있습니다 : http://www.webtoolkit.info/css-clearfix.html

출처

2010-04-22 02:21:20

이것은 해결책이 아니지만 IE8이 IE7처럼 작동하도록하려면이 코드를 머리에 넣을 수 있습니다.

< 메타 HTTP-당량 = "X-UA-지원"내용 = "IE = EmulateIE7을"/>

출처

2010-04-22 04:50:54 adamwstl

수레가 IE7 또는 Firefox

답변

관련 문제