TEXTAREA width="100%" 도와주세용~
FaintTears
테이블 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;}===============끝==================================================================
-
후예
제 생각엔 잘한판단으로 보여지는데요.. 각 컨텐츠마다 테이블 크기가 유동적일 수 있으니 %로 작업하신것도 현명한 선택이고, td 크기가 유동적이니 조건을 충족시키기 위해 안에 넣은 textarea 도 % 로 길이를 넣은것도 올바른 선택인거 같습니다. 단 제목과 작성자를 label for 로 감싸주고 인풋텍스트박스에 label for 에 쓴 임의의 값을 id 에 넣어서 서로 연결시켜주는게 좋지않나요?!
-
가온누리
아 저같은경우에는 인라인으로 박아놓습니다. 예를 들어 프로젝트 진행시에 사용되는 인풋텍스트박스나 텍스트 에어리어가 많은 경우에는 style=\width:700px\; 머 이런식으로 직접넣습니다. 따로 클래스로 빼는 게 더 효과적일수도 있겠네요.. 그리고 모 센터정렬해주면 어느정도 이쁜 아웃풋 나오지않을가여 ㅎㅎ
-
서향
98%라는게... 테이블 너비가 많이 늘어났을땐 옆에 여백이 많이 생겨서...문제가 있더라구요.
테이블 너비가 700px정도일땐 딱 맞지만 800px이상 늘어나면 여백 많아지는 뭐...
그리고, label for~ 이문제는 title로 대신했습니다~