수다닷컴

웹퍼블리셔로 입사해서..

아무것도 모르는데 기초공부하고있습니다..

뭐..산업기능요원입니다..

그래서 네이버 메일폼을 만들고 있는데요..

인풋박스의 길이를 %나 px값을 주고 해상도에 따라서 가변길이로 두고싶습니다.

그래서 별 난리 부르스를 다 추고 있는데.. 도저히 이게 뭐.. 될 가능성이 보이질않습니다..

제발 좀 도와주세요 ㅠ_ㅠ..

밑에화면 처럼.. width를 auto로 주면 짤막해지고.. 퍼센테이지를 주면.. 밑으로 내려가버리고.. 돌아버리겠어요..main부분 소스입니다.

div class=Main영역 style= position:relative; border:1px solid #b4b4b4; width:auto; height:auto; margin-left:270.5px;
div class=Main_Head style= width:auto; height:54px; border-bottom:1px solid #e5e5e5 ;
div class=head_1 style=font-weight:bold; font-size:18px; width:auto; height:36px; padding:18px;0px;18px;30px;메일쓰기/div/div
div class=Main_Head2 style= width:auto; height:38px; padding:0px;0px;0px;4px; border-top: 1px solid gray; border-bottom: 1px solid gray; padding-top:11px;
button class=보내기 style=margin-left:20px; font-size:14px;background-color:white; border-bottom:1px solid #b4b4b4; border-left:1px solid #b4b4b4; height:27px;보내기/button
button class=미리보기 style= font-size:14px; background-color:white; border-bottom:1px solid #b4b4b4; border-left:1px solid #b4b4b4; height:27px;미리보기/button
button class=저장하기 style= font-size:14px; background-color:white; border-bottom:1px solid #b4b4b4; border-left:1px solid #b4b4b4; height:27px;저장하기/button/div
div class=Main vertical-align:middle; style=width:auto; height:auto; padding:8px;10px;10px;15px;
trth style=padding:2px;0px;0px;0px; margin:0px; text-align:left; font-size:10px;
span class=label style= font-size:14px;width:61px; vertical-align:middle; font-weight:bold; height:30px;받는사람/span
input type=checkbox; class=ck style=margin-left:10px; vertical-align:middle; padding:0px;0px;0px;0px; font-size:12px; width:13px; height:13px;/input
span class=label2 style=font-size:12px; width:61px; font-weight:normal; 내게쓰기/span/th
td colspan=2 style=font-size:12px; padding:4px;0px;3px;0px; vertical-align:top;

input type=text; style= margin-left:30px; width:*; height:20px;/input
button class=주소록 style=width:auto; height:27px; margin-left:15px; font-size:14px; vertical-align:middle; background-color:white; border:1px solid #b4b4b4;주소록/button
input type=checkbox; class=개인 style=vertical-align:middle; font-size:12px; width:13px; height:13px;/input
span class=개인별 style= font-size:12px; width:60px; font-weight:bold;개인별/span
input type=checkbox; class=주소 style=vertical-align:middle; font-size:12px; width:13px; height:13px;/input
span class=주소록 style= font-size:12px; width:60px; font-weight:bold;주소록에 추가/span
/td
/tr
/div
div class=main2 style= position:relative; width:auto; height:auto; padding:8px; 10px; 10px; 15px;
tr
span class=label style=font-size:14px;width:61px; font-weight:bold; height:30px;받는사람/span
input type=checkbox; class=ck style= margin-left:10px; vertical-align:middle; padding:0px;0px;0px;0px; font-size:12px; width:13px; height:13px;/input
span class=label2 style= font-size:12px; width:61px; vertical-align:middle; font-weight:normal; 내게쓰기/span

div class=감싸기 style=position:relative; height:auto; ; text-align:left; font-size:10px;
&nbnbsp; input type=text style= margin-left:32px; width:80px; height:20px;/input
button class=주소록 style=float:right; width:auto; height:27px; margin-right:30px; margin-left:15px; font-size:14px;vertical-align:middle; background-color:white; border:1px solid #b4b4b4;주소록/button

/div
/tr
/div

div class=main3 style=vertical-align:middle; width:auto; height:auto; padding:8px;10px;10px;15px;
trth style=padding:2px;0px;0px;0px; margin:0px; text-align:left; font-size:10px;
span class=label style= font-size:14px;width:61px; font-weight:bold; height:30px;제목/span
input type=checkbox; class=ck style=margin-left:40px;vertical-align:middle; padding:0px;0px;0px;0px; font-size:12px; width:13px; height:13px;/input
span class=label2 style=font-size:12px; width:61px; font-weight:normal; vertical-align:middle; 중요/span/th
td colspan=2 style=font-size:12px; padding:4px;0px;3px;0px; vertical-align:top;

input type=text; style= margin-left:54px; width:*; height:20px;/input
/td
/tr

/div
div class=main4 style=margin:0px 30px 10px 0px;vertical-align:middle; width:auto; height:auto; padding:8px; 10px; 10px; 15px;
trth style=padding:2px;0px;0px;0px; margin:0px; text-align:left; font-size:10px;
span calss=label style= font-size:14px; width:61px; font-weight:bold; height:30px;파일첨부/span
input type=checkbox; class=file style=margin-left:10px; vertical-alingn:middle; padding:0px;0px;0px;0px; font-size12px; width:13px; height:13px;/input
button class=mypc style=width: auto; height:27px; margin-left:84px; font-size:14px; vertical-align:middle; background-color:white; border:1px solid #b4b4b4;내PC/button
button class=Ndr style=width: auto; height:27px; font-size:14px; vertical-align:middle; background-color:white; border:1px solid #b4b4b4;N드라이브/button
span class=삭제 style=vertical-align:middle; font-size:12px; font-weight:bold; height:27px;삭제/span
span class=vertical-align:middle;divbar2l/span
span class=일반첨부 style=vertical-align:middle; font-size:12px; font-weight:bold; heigt:27px;일반첨부로 전환/span
div class=wirte style=border: 1px solid #b4b4b4; font-size:12px; position:relative; margin-top:12px; padding:0px;0px;0px;0px; height:383px; width:100%;

textarea name=입력창 rows=auto cols=90 style=font-size:14px; width:99.5%; height:380px; overflow:hidden /textarea /div

/div
div class=bot style= padding:10px 15px 15px 15px; border: 1px solid #b4b4b4; height:20px; width:auto;
button class=보내기 style=width: auto; height:27px; font-size:14px; vertical-align:middle; background-color:white; border:1px solid #b4b4b4;보내기/button
button class=미리보기 style=width: auto; height:27px; font-size:14px; vertical-align:middle; background-color:white; border:1px solid #b4b4b4;미리보기/button
button class=저장하기 style=width: auto; height:27px; font-size:14px; vertical-align:middle; background-color:white; border:1px solid #b4b4b4;저장하기/button
/div
/div

신청하기