수다닷컴

DTD 선언 후 Text Box 너비가 달라지는 문제

연다홍 2026.04.08 댓글 10

웹 표준을 적용하려고 DTD를 선언했더니 TextBox의 width:100%가 예상보다 크게 나옵니다.
시작일과 만료일 입력란이 넘치는데, DTD를 선언한 상태에서도 정상적으로 표시하려면 어떻게 해야 할까요?

댓글 10

  • 꽃봄 2026.04.08

    간단히 재현해 봤는데, DTD는 말씀하신 대로 적용하고 table-layout: fixed도 넣어봤어요.
    IE에서는 잘리고 파이어폭스에서는 넘치네요.

  • 우솔 2026.04.08

    도움이 될지 모르겠지만 table의 border를 0으로 하고 CSS에 border-collapse: collapse를 지정해 보세요.
    td 테두리도 CSS로 표현하는 편이 좋습니다.

  • 등대 2026.04.08

    이미지 옆에 공백이 생기는 문제일 수 있어요.
    td와 img 태그 사이 공백을 없애고 한 줄로 작성해 보세요.

  • 한국드립 2026.04.08

    table의 레이아웃이 깨진 것 같네요.
    table 요소에 table-layout: fixed를 적용해 보세요.

  • Soeun 2026.04.08

    첫 번째 행을 기준으로 아래 행의 너비도 고정하는 기능이에요.

  • 볼수록중독 2026.04.08

    혹시 padding 때문 아닐까요?
    IE는 모드에 따라 width와 padding을 계산하는 방식이 달라서 너비가 커질 수 있어요.

  • 제미니 2026.04.08

    아니에요. 저렇게 짠 게 아니라 위 방법들을 확인하려고 해본 거예요 ㅎㅎ

  • 잇힝 2026.04.08

    이미지 파일은 잘리길래요 ㅎㅎ

  • 개럭시 2026.04.08

    계속 잘리면 input 자체의 padding 때문에 셀 너비에 더해져 넘칠 수도 있어요.

  • 훌걸이 2026.04.08

    fixed를 쓰면 overflow:hidden처럼 잘리는 것 아닌가요?