수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

익스에서 이미지 넣을때 아랫부분에 공간을 안잡게 하는법 아시는분..

벚꽃

2023.04.01

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
html
head
meta http-equiv=Content-Type content=text/html; charset=euc-kr
titletest/title
style type=text/css

#Img {margin:0;padding:0;border:1 solid #000}

/style
/head

bodydiv id=Img
img src=http://auto.naver.com/img/main/netizen/07.jpg
/div/body
/html위 예제를 보면요..
이미지가 div 안에 딱 들어오지를 않고 하단에 공간이 잡힙니다. 배경 이미지를 깔려고 하는데 저 공간때문에 안맞는 상황이 발생하는군요.. 파이어폭스에서는 하단에 공간을 안잡던데
익스에서는 하단 공간 때문에 문제가 생깁니다.
저 하단 공간을 안생기게 할수 없는지요..

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 멱부리

    저 같은경우에는...
    p { margin:0px; padding:0px; } 해서
    pimg/p 이런식으로 주는데 잘못된건가요?

  • 갤2

    자주 나오는 질문이네요. ^^ 엄밀히 말해서 브라우저의 버그라기 보다는 css의 사양 때문입니다.
    브라우저나 doctype에 따라서 다르게 표시가 되는데, 이미지 다음에 올 텍스트의 베이스 라인에 맞추기 때문에 아래에 공백에 생겨버립니다. 궁금하신 분들께선 이미지 옆에 간단하게 글자를 넣어 확인해 보시면, 텍스트의 베이스라인과 이미지의 베이스라인이 어떻게 차이가 나는지 아실겁니다.
    해결법은 수다님이 말씀하신데로 또는 스타일을 img { vertical

  • 초코우유

    앗 찬명님 설명 감사 합니다. ^^;;브라보~표준화이팅~

  • 해사랑해

    img 에 vertical-align:middle, vertical-align:top 등의 속성을 주는 방법과 display:block 을 주는 방법이 있는데요. 전자의 경우 IE에서 때에따라 이미지 하단이 1px 잘리는 버그가 있습니다. 그리고 img 와 인접된 링크 텍스트가 존재하는 경우 영문의 underline 과 한글의 underline 표시 위치가 달라져서 문제가 되기도 합니다. 즉, 크로스브라우징을 위하여 경험상 display:block 을

  • PinkPearl

    img { display:block; } o





    img {margin:0 0 -3px 0;} x





    img는 기본적으로 inline element입니다.



    block처럼 구역(?)으로 인식되는 게 아니라 행의 일부문자처럼 인식되어 그렇다는군요..^^

  • 초엘

    애틱형님이 보내준 링크는 사원만.. 아직인턴!!!!의 압박;

  • 소라

    display:block;

  • 핫핑크

    테이블로 하다가 표준좀 맞춰볼라 했더니 -ㅅ-;; 기존에 테이블에서 잘 하던것도 생각이 안나는 사태가 발생하는군요 -ㅅ-;

  • 핫팬츠

    움 -ㅅ-;; 익스가 여간 깐깐하군요 -ㅅ-;

  • 타마

    킁

번호 제 목 글쓴이 날짜
2697459 이런 질문도 답변해주실지는 모르겠습니다만 병특에 관한 질문입니다. 승아 2025-06-08
2697422 가운데 정렬하는 방법좀 흑흑흑... (3) 목련 2025-06-07
2697395 홈페이지 기본구조에 대해서... (6) 모든 2025-06-07
2697366 에..조금 짜보고 다시 질문입니다. (2) 나샘 2025-06-07
2697333 li 가운데 정렬.....도와 주세용... (7) 초고리 2025-06-07
2697284 이미지를 흐리게 (2) 난새 2025-06-06
2697258 VC++ 6.0(studio)을 깔면서 재미가 붙었는데..ㅠㅠ (4) 앵겨쪼 2025-06-06
2697228 WorkFlow가 궁금합니다.. 다들 어떻게 하시는지.. (1) 애기 2025-06-06
2697174 button 태그와 input 태그의 type 속성을 사용한거와 차이 (1) 여름 2025-06-05
2697149 익스플로러에서 이미지로딩이 느려지는건지..깨져서 나옵니다. (4) 든솔 2025-06-05
2697122 호환성질문 (5) 미즈 2025-06-05
2697066 웹에서 다른이름으로 저장 할때 파일 이름 저장하는 방법은? 코이 2025-06-04
2697043 position:absolute; 로 하면 사라져 버리는 이유 ㅠㅠ (3) 풍란 2025-06-04
2697016 테이블 thead tbody 질문 아란 2025-06-04
2696989 contact us 페이지는 dl로 작성하는게 좋을까요? (4) 파라 2025-06-03
2696964 img 태그 질문드려요 (9) 연블루 2025-06-03
2696907 [질문] 올플래시 메뉴 고정할수 있는[수정] (4) 맨삶이 2025-06-03
2696875 책구입 후 따라하다가 ShortCode Ultimate 오류 가지등 2025-06-02
2696844 css 마우스 오버시 display:block되는 영역 질문드립니다 ㅠㅠ (2) 갅쥐누뉨 2025-06-02
2696816 엉엉엉...영상이 올라타네요 (5) 다은 2025-06-02
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com