IE와 FF에서 div 안에 img가 위치할 경우의 height
터큰
안녕하세요.
제목이...영 이상하네요...
다름이 아니라 div 안에 img 가 위치할 경우 IE와 FF에서의 다르게 나타나서 질문드립니다.
dtd는 xhtml 1.1을 사용했습니다. IE는 7.0 입니다.
1. divv style=background-color:red;img src= style=background-color:blue; alt=목표및전략//div
이러한 경우 IE에서는 div의 height가 img의 height와 동일하게 나타납니다.
2. div style=background-color:red;
img src= style=background-color:blue; alt=목표및전략/
/div
이러한 경우에는 IE에서는 div의 height가 img의 height 에 아래위로 4px 씩 총 8px가 증가된 높이로 나타납니다.
그런데, FF의 경우는 1, 2와 관계없이 2번의 형태(+8px)로 나타납니다.
FF에서도 레이어이 높이가 img의 높이와 동일하게 나오는 방법은 없는지요.
img를 div의background-image로 처리하지 않고 말입니다.
고수님의 답변 부탁드립니다.
감사합니다.
-
외솔
헛.. 빠른 답변 감사드립니다.
네.. 제가 질문의 요지를 잘 알아보시지 못하도록 성의없는 글을 올렸네요.. 죄송합니다.
말씀하신대로 해보니, 적용이 되네요...ㅎㅎ
이미지의 height가 기폰폰트보다 커서 그랬던거 같습니다.
line-height:1%를 div에 추가하니, FF에서도 div의 높이가 img의 높이와 똑같아졌습니다.
다시한번 감사드립니다. -
메이커
이미지의 크기가 기본 폰트 크기보다 작을시에 생기는 문제 일수 있습니다 div에 height:1%; line-height:1%; 를 넣어줘 보세여
아그리고 문제되는 부분을 캡쳐를 떠서 올려주셨으면 더욱 자세한 답변을 드릴수 있을거 같은데...글로서는 어떤 문제인지 정확하게 다가오지 않는군요 ^^: