수다닷컴

body, div, img, ul, li{
margin:0;
padding:0;
}
body{
font:돋움, Seoul, 한강체;
font-size:11px;
color:#3c3c3c;
}
ul,ol,li{list-style-type:none;}
#login{
position：absolute;
width:617px;
height:269px;
background-color:red;
background-repeat:repeat-x;
top:50%;
left:50%;
margin-top:-190px;
margin-left:-260px;
}
.login_box{
position：absolute;
width:617px;
height:269px;
padding-top:7px;
margin:0 10px;
*margin:0;
}
.left_bg{
float:left;
}
.right_bg{
float:right;
}
.box{
position：absolute;
width:597px;
height:253px;
background-color:#FFFFFF;
text-align:center;
}
.box .title{
width:555px;
height:43px;
margin:16px 0 0 20px;
*margin:16px 0 0 5px;
background-color:green;
background-repeat:no-repeat;
background-position:bottom left;
}
.box .txt{
text-align:left;
padding-top:17px;
}
.box .txt li{
margin:0 0 9px 37px;
}
.box .img{
float:left;
margin:15px 0 0 35px;
_margin:15px 0 0 18px;
}
.box .submit{
text-align:left;
margin:25px 100px 0 260px;
padding-left:10px;
border-left:1px solid #c1cfda;
}
.box .submit li{
padding:5px 0 8px 5px;
}
.box .submit .pad{
display:inline;
margin-right:11px;
}
.box .btn{
float:right;
margin:25px 35px 0 0;
* margin:25px 30px 0 0;
_margin:25px 15px 0 0;
}
--
/style
/head
body
div id=login
div class=left_bgimg src=images/login/left_bg.gif alt=/div ----------------왼쪽
div class=right_bgimg src=images/login/right_bg.gif alt=/div ----------------오른쪽
div class=login_box ----------------가운데
div class=box
div class=titleimg src=images/login/top_txt.gif alt=/div
div class=txt
ul
liimg src=images/login/txt01.gif alt=/li
liimg src=images/login/txt02.gif alt=/li
/ul
/div
div class=img ------------------왼쪽
img img img img
/div
div class=btnbtn btn btn btn/div ----------------오른쪽
div class=submit-------------------------가운데
ul
lip class=pad아이디 /pinput name= type=text/li
li비밀번호 input name= type=text/li
/ul
/dIv
/div
/div
/div
/body
/html맨날 질문만올리네요 ㅠ 답변해주셨던 분들 답변해주시는 분들 너무 갑사합니다 ㅠ
왼쪽 가운데 오른쪽으로 잡고 가운데에 내용들이 오는데요~
잘보이기는 하는데 이런방식으로 해도 되는건지 모르겠어서요,,,ㅠ,ㅠ

신청하기