수다닷컴

혼자 공부하면서.. 네이버메일폼을 만들어보고있는데요..

밑에는 소스부분입니다.

!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd
html
head
meta http-equiv=Content-Type content=text/html; charset=EUC-KR
title네이버 메일/title
style type=text/css
#logo { width:20px; height:20px; display:inline-block; background:url(image/cm_sp.png) no-repeat 0px 0px; }
#naver{ width:47px; height:17px; display:inline-block; background:url(image/cm_sp.png) no-repeat -153px -162px; }
#me{ width:41px; height:17px; display:inline-block; background:url(image/cm_sp.png) no-repeat -200px -167px;}
#back{ width:100%; height:35px; display: inline-block; background:url(image/cm_sp.png) no-repeat -80px -32x;}
#bm{ width:18px ; height:20px; display: inline-block; background:url(image/spr_lft_menu_le_white_111229.png) no-repeat 0px -142px; }

#home{ width:100%; height:52px; display: inline-block; background:url(image/spr_lside_menu_110831.png) no-repeat -120px 0px;}
#mail{ width:100%; height:52px; display: inline-block; background:url(image/spr_lside_menu_110831.png) no-repeat -120px -104px;}
#cal{ width:100%; height:52px; display: inline-block; background:url(image/spr_lside_menu_110831.png) no-repeat -120px -158px;}
#list{ width:100%; height:52px; display: inline-block; background:url(image/spr_lside_menu_110831.png) no-repeat -120px -210px;}
#ndri{ width:100%; height:52px; display: inline-block; background:url(image/spr_lside_menu_110831.png) no-repeat -120px -262px;}
#photo{ width:100%; height:52px; display: inline-block; background:url(image/spr_lside_menu_110831.png) no-repeat -120px -314px;}
#word{ width:100%; height:52px; display: inline-block; background:url(image/spr_lside_menu_110831.png) no-repeat -120px -366px;}
#ga{ width:100%; height:52px; display: inline-block; background:url(image/spr_lside_menu_110831.png) no-repeat -120px -418px;}
#he{ width:100%; height:52px; display: inline-block; background:url(image/spr_lside_menu_110831.png) no-repeat -120px -522px;}
#lite{ width:100%; height:52px; display: inline-block; background:url(image/spr_lside_menu_110831.png) no-repeat -120px -574px;}

/style
/head

body
div class=헤더 style= background-color:gray;width:100%; height:35px;

span style=padding-top:20px;margin-left:17px;id=naver/span
span style=padding-top:17px; id=me/span

/div

div class=Left영역1 style=width:51px; float:left; background-color:#EAEAEA;
ul class=메뉴 style=list-style-type:none; list-style-image:none; margin:0px; padding:0px;0px;0px;0px;
li title=네이버me class=me style=height:52px; width:100%; padding:0px;0px;0px;0px; margin:0px;
span id=home/span/li
li title=쪽지 class=쪽지 style=height:52px; width:100%; padding:0px;0px;0px;0px; margin:0px;
span id=mail/span/li
li title=캘린더 class=캘린더 style=height:52px; width:100%; padding:0px;0px;0px;0px; margin:0px;
span id=cal/span/li
li title=주소록 class=주소록 style=height:52px; width:100%; padding:0px;0px;0px;0px; margin:0px;
span id=list/span/li
li title=N드라이브 class=N드라이브 style=height:52px; width:100%; padding:0px;0px;0px;0px; margin:0px;
span id=ndri/span/li
li title=포토앨범 class=포토앨범 style=height:52px; width:100%; padding:0px;0px;0px;0px; margin:0px;
span id=photo/span/li
li title=워드 class=워드 style=height:52px; width:100%; padding:0px;0px;0px;0px; margin:0px;
span id=word/span/li
li title=가계부 class=가계부 style=height:52px; width:100%; padding:0px;0px;0px;0px; margin:0px;
span id=ga/span/li
li title=건강기록부 class=건강기록부 style=height:52px; width:100%; padding:0px;0px;0px;0px; margin:0px;
span id=he/span/li
li title=메일Lite class=메일Lite style=height:52px; width:100%; padding:0px;0px;0px;0px; margin:0px;
span id=lite/span/li
/ul
/div

&

div class=left영역2 style=width:219px; float:left; margin-left:0px; background-color:skyblue;

div class=버튼1감싸기 style=position:relative; padding:15px 15px 17px 15px;
button style=align:center;width:50%; height:36px; float:left; position:relative;
메일쓰기/button
button style=align:center;width:50%; height:36px; position:relative;내게쓰기/button/div

div class=전체메일 style=border-top:1px solid gray; position:relative; padding-bottom:3px; padding-left:14px padding-right:0px; padding-top:5px;
ul style=margin:0px; padding:0px;0px;0px;0px;
li class=allmail_box style=list-style-type:none;padding:5px;0px;3px;13px;
span style=position:relative;top:6px; id=logo/span전체메일
span class=divbarl/spanspan style=padding-left:8px;안읽음/span/li
li class=받은메일 style=list-style-type:none; padding:5px;62px;3px;14px; position:relative
span style=position:relative; id=bm/span받은메일함/li
li class=내게쓴메일함 style=list-style-type:none; padding:5px;62px;3px;14px; position:relative내게쓴메일함/li
li class=보낸메일함 style=list-style-type:none; padding:5px;62px;3px;14px; position:relative보낸메일함/li
li class=임시보관함 style=list-style-type:none; padding:5px;62px;3px;14px; position:relative임시보관함/li
/ul/div

div class=리스트2 style= border-top:1px solid gray;padding-top:4px; position:relative;
ul style= margin:0px; padding:0px;0px;0px;0px;
li title=Notesclass=Notes style=list-style-type:none; margin-left:25px;padding:5px;0px;0px;0px; position:relativeNotes/li
li title=정크메일class=정크메일 style=list-style-type:none; margin-left:25px;padding:5px;0px;0px;0px; position:relative정크메일/li
li title=쇼핑레터함class=쇼핑레터함 style=list-style-type:none; margin-left:25px;padding:5px;0px;0px;0px; position:relative쇼핑레터함/li
li title=청구서함class=청구서함 style=list-style-type:none; margin-left:25px;padding:5px;0px;0px;0px; position:relative청구서함/li
li title=자동청구서함class=자동청구서함 style=list-style-type:none; margin-left:25px;padding:5px;0px;0px;0px; position:relative자동청구서함/li
/ul /div

div class=리스트3 style=border-top:1px solid gray; padding-bottom:4px; position:relative;
ul style=list-style-type:none; list-style-image:none; padding:0px;0px;0px;0px; margin:0px;
li title=스팸메일함 class=스팸메일함 style=position:relative; padding:5px;0px;3px;14px;스팸메일함/li
li title=휴지통 class=휴지통 style=position:relative; padding:5px;0px;3px;14px;휴지통/li
li title=중요메일 class=중요메일 style=position:relative; padding:5px;0px;3px;14px;중요메일/li
li title=첨부메일 class=첨부메일 style=position:relative; padding:5px;0px;3px;14px;첨부메일/li
li title=외부메일 가져오기 class=외부메일 가져오기 style=position:relative; padding:5px;0px;3px;14px;외부메일 가져오기/li
/div

div class=리스트4 style=border-top:1px solid gray; border-bottom:1px solid gray; position:relative; padding:10px;0px;4px;0px;
ul style=list-style-type:none; list-style-image:none; padding:0px;0px;0px;0px; margin:0px;
li class=환경설정 style=position:relative; padding:5px;0px;3px;14px;환경설정/li
/ul /div

div class=리스트5 style=font-size:11px; position:relative; padding:10px;0px;4px;0px;마지막 접속시간 13-07-17 10:29/div
/div

div class=Main영역 style= width:100%; height:100%; position:relative; float:left; background-color:red; margin-left:271px;fdaadf /div

/body
/html이렇게 보면.. Left 1, 2영역 바로 옆에 메인영역이 올라와야하는데..

fdaadf 라고 적혀있는부분이 메인인데.. 이렇게 밑에 떨어져있어요..
원래 가야할 곳에 뭔가 있는것도 아닌데.. 왜이러는지.. 잘모르겠네요 ㅠ_ㅠ..

아 .. 2시간째 헤매고 있어요.. 좀 도와주세요 @_@..

신청하기