수다닷컴

css에 position:relative; 상대적위치를 잡아주면 확대/축소가 안되서 깨지는 현상이 발생되는데요

position:relative; 말고 상대적위치를 고정시키면서 확대/축소를 할수있는 방법은 씁疫萱?없을까요?

아래는 일부 css입니다.
/* Layout */
*{margin:0; padding:0;}
body{_text-align:center;}
#top_bg{width:100%; height:128px; margin:0 auto; padding:0; background:url(/inc/images/top/top_bg.jpg)}
#bot_bg{width:100%; height:70px; margin:0 auto; padding:0; background:url(/inc/images/bot/bot_bg.jpg)}
#today{width:940px; height:27px; margin:0 auto; padding:0; margin-bottom:10px; background:url(/inc/images/top/today_bg.gif)}
#wrap{width:940px; _text-align:left; margin:0 auto; padding:0;}
#header{width:940px;margin:0 padding:0;}
#container{width:940px;margin:0 padding:0;}
.snb{width:186px; float:left; margin:0;position:relative; padding:0;}
#content{width:754px; float:right; margin:0; padding:0;}
#footer{width:216px; height:71px; float:left; margin:0;position:relative; padding:0; top:26px; left:13px;}
#Lollipop{width:181px; float:left; margin:0;position:relative; padding:0; top:21px; left:9px;}
#logo{width:308px; height:60px; float:left; margin:0;position:relative; padding:0; top:10px; left:98px;}
#btn{width:165px; float:right; margin:0; position:relative; padding:0; top:21px;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
ul { list-style:none; margin:0; padding:0; }
li { margin: 0 0 0 0; padding: 0 0 0 0; border : 0; float: left;}
#date{width:175px; height:25px; float:left; margin:0;position:relative; padding:0; left:13px; top:6px; font-family: 돋움체, 돋움; font-size: 12px; line-height: 18px; color: #666666;}
#psms{width:131px; height:25px; float:right; margin:0;position:relative; padding:0; top:4px;font-family: 돋움체, 돋움; font-size: 14px; line-height: 19px; color: #666666; letter-spacing: -1px;}
#stipulation{width:343px; height:12px; float:right; margin:0; position:relative; padding:0; top:16px; right:23px;}
#info{width:487px; height:37px; float:right; margin:0; position:relative; padding:0; right:23px; top:12px;}
#t_img{width:141px; height:48px; float:left; left:24px; margin:0; position:relative; padding:0;}
#t_title{float:right; margin:0; top:30px; position:relative; padding:0; font-family: 돋움체, 돋움; font-size: 14px; line-height: 19px; color: #666666; letter-spacing: -1px;}
#t_line{width:100% height:1px; float:right;}
#search_bg{width:731px; height:47px; margin:0 0 0 23px; padding:0; background:url(/total/images/con_bg.gif)}
#search_sti{width:731px; padding:0;}
#search_sel{ float:left; left:153px; top:14px; margin:0; position:relative; padding:0;}
#search_text{ float:left; left:159px; top:14px; margin:0; position:relative; padding:0;}
#search_bt{ float:left; left:162px; top:14px; margin:0; position:relative; padding:0;}
#time_bg{width:731px; height:57px; margin:0 0 0 23px; padding:0; background:url(/total/images/time_bg.gif)}
#time_wrap{width:731px; padding:0;}
#times{width:684px; height:13px; left:24px; top:15px; margin:0; position:relative; padding:0;}
#time{ font-family: 돋움체, 돋움; font-size: 14px; color: #718846; }
a {text-decoration:none; color:#000000;}
#content{border:0px solid #bfbfbf;}}
#center_wrap{width:731px; height:100%; margin-left:23px; border:0px solid #bfbfbf;}

신청하기