수다닷컴

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

TEXTAREA width="100%" 도와주세용~

FaintTears

2023.04.01

테이블 width는 유동적이구요.
TEXTAREA의 width를 TD에 꽉차게 100% 하고 싶을때
어찌해야 할까요?

TEXTAREA 패딩값때문에 width=100%주면 넘쳐서 터져나가잖아요~
지금은 대충 width=98%로 잡아놨는데...(이건 아니지 싶다는;;;)

어찌하면 될까용? ^^a=============== 마크업 ==================================================================
table cellspacing=1 class=board2
tr
th scope=row width=15%제목span class=necessary*/span/th
td class=input width=85%input type=text style=width:500px; title=제목/td
/tr
tr
th scope=row등록자pan class=necessary*/span/th
td class=inputinput type=text style=width:500px; title=등록자/td
/tr
tr
td colspan=2 class=textareatextarea title=내용/textarea/td
/tr
/table===============스타일==================================================================
INPUT, SELECT, TEXTAREA, FIELDSET {
margin:0;
padding:1px 2px 0 2px;
border-top:solid #919191 1px ;
border-right:solid #D4D4D4 1px ;
border-bottom:solid #D4D4D4 1px ;
border-left:solid #919191 1px ;
color:#666666; font-family:Tahoma,Gulim; font-size:12px; font-weight:normal;
background-color:#FFFFFF;
}
.necessary {padding:0 0 0 4px; color:#29939D; font-family:tahoma; font-size:12px; font-weight:normal;}TABLE.board2 {width:100%; border:solid #99B9DD 1px; background-color:#99B9DD;}
TABLE.board2 TH {
padding:3px 10px 3px 10px;
border:0;
color:#4774B5;
font-family:Tahoma,Gulim;
font-size:12px; font-weight:bold;
background-color:#F5F8FC;
text-align:left;
}
TABLE.board2 TD {
font-family:Tahoma,Gulim;
color:#666666;
font-size:12px; font-weight:normal; letter-spacing:0;
background-color:#FFFFFF;
}
TABLE.board2 TD.input {padding:3px 6px 3px 6px;}
TABLE.board2 TD.textarea {padding:6px 6px 6px 6px;}

TABLE.board2 INPUT {height:17px; padding:1px 4px 0 4px;}
TABLE.board2 TEXTAREA {width:98%; height:300px; padding:5px 5px 5px 5px;}===============끝==================================================================

신청하기





COMMENT

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

  • 후예

    제 생각엔 잘한판단으로 보여지는데요.. 각 컨텐츠마다 테이블 크기가 유동적일 수 있으니 %로 작업하신것도 현명한 선택이고, td 크기가 유동적이니 조건을 충족시키기 위해 안에 넣은 textarea 도 % 로 길이를 넣은것도 올바른 선택인거 같습니다. 단 제목과 작성자를 label for 로 감싸주고 인풋텍스트박스에 label for 에 쓴 임의의 값을 id 에 넣어서 서로 연결시켜주는게 좋지않나요?!

  • 가온누리

    아 저같은경우에는 인라인으로 박아놓습니다. 예를 들어 프로젝트 진행시에 사용되는 인풋텍스트박스나 텍스트 에어리어가 많은 경우에는 style=\width:700px\; 머 이런식으로 직접넣습니다. 따로 클래스로 빼는 게 더 효과적일수도 있겠네요.. 그리고 모 센터정렬해주면 어느정도 이쁜 아웃풋 나오지않을가여 ㅎㅎ

  • 서향

    98%라는게... 테이블 너비가 많이 늘어났을땐 옆에 여백이 많이 생겨서...문제가 있더라구요.
    테이블 너비가 700px정도일땐 딱 맞지만 800px이상 늘어나면 여백 많아지는 뭐...
    그리고, label for~ 이문제는 title로 대신했습니다~

번호 제 목 글쓴이 날짜
2699547 [급]레이어보다 object태그가 우선순위가 되는 문제 (5) DevilsTears 2025-06-27
2699518 javaScript중복체크 하는법좀.. 알려주세요 (3) 비 2025-06-26
2699495 이런 탭메뉴를 뭐라고 해야 하는지 모르겠네요 (1) 들빛 2025-06-26
2699380 메뉴가 계단식으로 나타나요.. ㅠ.ㅠ (5) 스릉흔다 2025-06-25
2699354 영문 웹폰트 관련 질문입니다!!! (1) 치킨마루 2025-06-25
2699329 윈도우 미디어 플레이어 URL 질문!!! (1) 제철 2025-06-25
2699296 동영상 배경 질문드려요!!!!!!!!!!!!!! 핫파랑 2025-06-24
2699214 position:fixed 에 대한 질문입니다.. (7) 사이 2025-06-24
2699183 제이쿼리 이미지 슬라이드 위치값 수정 초엘 2025-06-23
2699153 테마[ADORABLE]에서 페이지생성시 하위페이지는 2개밖에 안되나요? 흰여울 2025-06-23
2699129 네이버 블로그 또는 사이트의 글을 불러오기 갤원 2025-06-23
2699070 탭메뉴처럼 셀렉트 박스를 이용해서 내용을 출력할 수 있는 방법이 있을까요. (3) 큰꽃늘 2025-06-22
2699016 인터넷이 안되는 환경에서 validator설치방법 (3) 은송이 2025-06-22
2698988 대체 C++ 6.0 exe 아이콘은 어떻게 넣는건가요? 외국녀 2025-06-22
2698960 음성파일을 embed로 작업했는데..웹 표준코딩으로 변경하려면 어떻게 해야하나요? (1) 잎새 2025-06-21
2698932 메뉴목록 풍선창 만들기 html (2) 하늘이 2025-06-21
2698901 http://www.zeitgeistbot.com/ 이 사이트처럼 움직이는 효과를 무엇이라고 하나요? 누림 2025-06-21
2698876 table width값 크로스브라우징에 대한 문의 (2) 볼수록매력 2025-06-21
2698849 c언어 질문. (3) 아름나 2025-06-20
2698823 setInterval 이벤트 제거 하려면... 가온길 2025-06-20
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

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