ie6에서 이미지 표시가 안됩니다.

[소린]

http://neoarre.aquz.biz/xe/home

Code: Select all

<div class="block_inside2">
<a href="http://neoarre.aquz.biz/xe/1064">
<img src="http://neoarre.aquz.biz/xe/files/cache/thumbnails/144/001/200x70.crop.jpg" style="width:200px;height:70px" border="0" alt="" class="thumbnail"/>
</a>
<h3>AM 10:00</h3>
<p>2009-06-12 <a href="http://neoarre.aquz.biz/xe/1144">전체 읽기</a></p>
</div>

이 부분의 img가 ie6에선 표시가 안되네요.
게다가 ie7에서는 스크롤바까지 생깁니다-_-;

ie6에서 일어날 수 있는 모든 버그는 최대한 고쳤다고 생각했는데 의외의 곳에서 오류가 생기네요.
번거로우시겠지만 해결책, 원인을 알려주실 수 있으면 감사하겠습니다 _ _

[peecky]

IE6의 float 렌더링 버그가 아닐까 싶습니다. 저도 정확한 원인은 잘 모르겠네요.

IE6에서 이미지가 나오게 하려면,
1. 이미지의 position을 relative로 준다.
또는,
2. 감싸고 있는 div.block_inside2 의 배경색을 투명하게 한다.
둘 중에 하나만 하면 이미지가 보일겁니다.

[소린]

IE6에서 이미지가 나오게 하려면,
1. 이미지의 position을 relative로 준다.

감사합니다 쉽게 해결됐네요.
ie7에서 스크롤바가 생기는 이유는 단순히 ie7의 문제인가요?

[peecky]

ie7에서 스크롤바가 생기는 이유는 단순히 ie7의 문제인가요?

ie7이 없어서 ie8에서 호환성 보기로 봤는데 div#block_portfolio에 생기는 스크롤바를 말씀하시는것 같습니다.

1. div#block_portfolio 의 overflow 를 hidden으로 수정
2. div#block_portfolio 의 width 를 늘린다.
3. div#block_portfolio 하위의 div#portfolio_items 의 우측 margin값을 줄인다.

등의 방법이 있습니다. 고쳤을 때 다른 브라우저에서 문제가 생기지 않는지도 테스트해보세요. (2번 방법은 IE6에서 문제가 생길것 같네요)

[소린]

감사합니다
전부 쉽게 해결됐습니다.

좀 더 유의해서 살펴봤으면 스스로 해결 할 수 있었을텐데
번거롭게 해드린것 같네요 _ _

정말 감사합니다.