Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- Adobe pdf reader
- HTML
- .NET
- 인테리어그림
- 블로그 수익화
- JavaScript
- IIS
- 갑근세
- samba
- PHP
- MySQL
- 블로그 조회수 늘리기
- Jrun
- 블로그 조회수
- 국민연금
- Vista
- CVS
- Jexcel
- flash
- Eclipse
- 즐겨찾기 추가
- oralce
- CSS
- 블로그 방문자 늘리기
- 블루수국그림
- Administrator
- JSP
- 소득세
- 에덴미술
- MSSQL
Archives
- Today
- Total
I LOVE EJ
IE7 li 에 이미지 사용시 벌어지는 문제 해법 본문
<li> 이미지넣어서 사용시
margin:0; padding:0;
주었는데도
IE7에서만 늘어나 보일때
line-height 를 이미지 높이와 같게 주면
해결이 된다
IE8
IE7
원본소스
<div class="study_data">
<ul>
<li><img src="../images/intro/study_2009_02.gif" alt="01 농림업과 식품산업의 생산.유통혁신 연구" width="365" height="29"></li>
<li><img src="../images/intro/study_2009_03.gif" alt="02 농어.농촌부문의 성장잠재력 및 자원개발 연구" width="365" height="29"></li>
<li><img src="../images/intro/study_2009_03-06.gif" alt="03 농가경제 안전 및 경영인력 육성 연구" width="365" height="29"></li>
<li><img src="../images/intro/study_2009_04.gif" alt="04 농촌지역 활성화 및 복지 증진 연구" width="365" height="29"></li>
<li><img src="../images/intro/study_2009_05.gif" alt="05 F.T.A, D.D.A 협상과 국제화 대응 연구" width="365" height="29"></li>
</ul>
</div>
CSS
.study_data li{position:relative;margin:0;padding:0;}
수정CSS
.study_data li{position:relative;margin:0;padding:0 ;height:29px;}
margin:0; padding:0;
주었는데도
IE7에서만 늘어나 보일때
line-height 를 이미지 높이와 같게 주면
해결이 된다
IE8
IE7
원본소스
<div class="study_data">
<ul>
<li><img src="../images/intro/study_2009_02.gif" alt="01 농림업과 식품산업의 생산.유통혁신 연구" width="365" height="29"></li>
<li><img src="../images/intro/study_2009_03.gif" alt="02 농어.농촌부문의 성장잠재력 및 자원개발 연구" width="365" height="29"></li>
<li><img src="../images/intro/study_2009_03-06.gif" alt="03 농가경제 안전 및 경영인력 육성 연구" width="365" height="29"></li>
<li><img src="../images/intro/study_2009_04.gif" alt="04 농촌지역 활성화 및 복지 증진 연구" width="365" height="29"></li>
<li><img src="../images/intro/study_2009_05.gif" alt="05 F.T.A, D.D.A 협상과 국제화 대응 연구" width="365" height="29"></li>
</ul>
</div>
CSS
.study_data li{position:relative;margin:0;padding:0;}
수정CSS
.study_data li{position:relative;margin:0;padding:0 ;height:29px;}
'Web publishing > 웹 표준' 카테고리의 다른 글
IE6에서 select박스가 레이어 위로 나왔을경우 (0) | 2011.09.07 |
---|---|
li 공백 생기는 문제 해결 (이미지 있을경우) (0) | 2011.04.05 |
웹표준, 웹접근성 세미나 (0) | 2010.05.29 |
파이어폭스에만 적용되는 핵 (0) | 2010.05.04 |
파이어폭스에서 플래시 투명하게하기 (0) | 2010.04.08 |