이상한 IE 버그?

나는 이것을 IE 7에서 작동 시키려고 너무 많은 시간을 보냈습니다. ff에서 작동하고 있으며 유효성 검사기에서 오는 유일한 오류는 이미지의 alt 태그 (9 개의 오류)가 누락되었습니다.이상한 IE 버그?

사이트 전체가이 부분을 제외하고 작동하므로 내가 모르는 이상한 float 버그가 있는지 궁금합니다.

나는 내부에 이미지가있는 div가 있습니다. 이미지 아래에는 이미지가 포함 된 3 개의 div가 있습니다. 여기

<div class="header_banner"> 
       <img src="html_images/banner.jpg" /> 
<div class="header_left"></div> 
<div class="header_main" id="header_menu"> 
    <ul> 
     <li><a href="index.php">Home</a></li> 
     <li><a href="studio.php" rel="show_studio">Studio</a></li> 
     <li><a href="school.php" rel="show_school">School</a></li> 
     <li><a href="#" rel="show_events">Events</a></li> 
     <li><a href="#">Shop</a></li> 

    </ul> 

</div> 
<div class="header_right"></div> 
</div>

는 CSS 것 :

.header_banner 
{ 
float:left; 
width:531px; 
} 

.header_left 
{ 
float:left; 
background-color:#003399; 
background-image:url('../html_images/header_left.jpg'); 
background-repeat:no-repeat; 
background-position:48px; 
width:55px; 
height:33px; 
} 

.header_right 
{ 
float:left; 
background-image:url('../html_images/header_right.jpg'); 
width:7px; 
height:33px; 
} 

.header_main 
{ 
float:left; 
background-image:url('../html_images/header_main.jpg'); 
background-repeat:repeat-x; 
width:426px; 
height:33px; 
}

것은 내가되지 않을 것은 사업부의 상단에있는 이미지 사이에 약간의 틈과 여기에

에서 div의 내 코드가 있습니다입니다 내가 뭔가를 놓쳤다면 놀랍지 만 지금은 3 번 읽었다. 아이디어가 있으십니까?

감사

출처

2009-07-15 Ori

누군가가이 문제를 일으키는 경우를 대비해보십시오. 스타일 정보가없는 div 안에 이미지를 넣었습니다. 마술처럼 고정 시켰습니다. 또한 마진을 0으로 설정한다고 선언했지만 아무것도하지 않았습니다. 오 IE – Ori

reset stylesheet을 사용하거나 스타일 시트 상단에 리셋 스타일을 삽입하는 것이 좋습니다. 그것은 당신이보고있는 것과 같은 모든 종류의 문제를 피하는 것을 도울 수 있습니다.

출처

2009-07-15 02:51:39 AgileJon

네 말이 맞아 (내가 격차가 정확히보고 설정을 배경 색을했습니다) 아마 Explorer 버그 일 것입니다. 여기에 몇 가지 추가 정보가 있습니다. http://www.positioniseverything.net/explorer/floatIndent.html

IE가 여백을 처리하는 방법에 문제가있는 것 같습니다. 여백 정의 (이 경우 0px)가 도움이되는지 확인하십시오.

출처

2009-07-15 02:36:32 zacharyliu

img 요소에 style="display:block;"을 추가 했습니까?

태그가 문제를 일으킬 수있는 후에도 공백을 읽었습니다. 공백을 제거하여 마크 업을 조정 해보십시오.

<div class="header_banner"><img src="html_images/banner.jpg" /><div class="header_left"></div> etc..

출처

2009-07-15 03:02:51 cjacques

이상한 IE 버그?

답변

관련 문제