수다닷컴

안녕하세요... ㅠㅠ 또 도움 요청하로 왔어요..고수님들.. 답변 부탁드라여 ..
밑에 그림 크릭하시고.. 원본 보기 누르면 선명하게 글자 확인 할 수 있어요..제가 처음부터 레이아웃을 잘 못 잡은걸까요.. ? 소스도 첨부할께요 ~
!doctype html public -//w3c//dtd xhtml 1.0 transitional//en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=content-type content=text/html; charset=utf-8 /titleuvox/titlestyle type=text/css/* common */*{margin:0; padding:0; font-family:dotum, 돋움, gulim, 굴림, arial, applegothic, sansfri; font-size:100%; line-height:150%; color:#4d4c4c;}body{background-color:#e6edf1; font-size:small;}
img{border:none;}hr{ display:none;}table, th, td{border:none; border-collapse:collapse;}ul{list-style:none;}ol{list-style:none;}optgroup{font-style:normal;}fieldset{border:none;}caption{text-align:left; padding-bottom:5px; font-weight:bold; margin-top:5px;}optgroup{font-style:normal;}td img{ vertical-align:middle;}th{text-align:center;}a:link {color: #4d4c4c; text-decoration: none;}a:visited {color: #666; text-decoration: none;}a:hover, a:active, a:focus {color: #666; text-decoration: underline;}
.hidden_box, h2, caption, legend{position:absolute; height:0; widt:0; width:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; margin:0; padding:0; float:left;}
/*메인 콘텐츠*/#mainwrap {position:relative; width:1024px;}#topwrap {width:1024px; height:55px;}#topwrap h1{float:left; width:156px; height:56px;}#top_set{width:1024px;height:56px;}

/********************* leftwrap *********************/#contentwrap{float:left; width:1024px;}#leftwrap{position:fixed;width:160px; height:100%; background-color:#3a4f67;}
/*gnb*/#gnb{float:left; width:160px;}#gnb .ad_s{margin-top:250px;}

/********************* rightwrap ***********************/#contwrap{float:right;width:864px;}
/*검색*/#gnb_search{float:left;width:450px; height:30px; margin:16px 0 0 15px; }#gnb_s_select .search_box{width:389px;height:26px;padding:3px 0 0 14px;background:url(../images/common/searchwrap.gif) no-repeat left top;border:0;font-size:12px;color:#9aa5b1;}#gnb_s_select input.search_btn{width:47px; height:26px; vertical-align:top;}
/*검색 순위*/#gnb_rank {float:left; width:204px; padding:18px 0 0 10px;}.rankup{float:right;width:204px;}.ranklist{float:left;width:204px;height:20px;}.ranklist ol{clear:both;float:left;width:100%;}.ranklist li img{float:left; position:absolute; left:10px; top:4px;}.ranklist li{position:relative;float:left;clear:both;width:100%;height:24px;padding-top:1px;color:#466172;}.ranklist a{width:180px;padding:0 0 0 29px; color:#466172; text-decoration:none; letter-spacing:-1px; vertical-align:top;}
/*가입하기 | 로그인*/#spotwrap {float:right; width:150px;padding:20px 20px 0 0;color:#466172;}#spotwrap a{width:180px;color:#466172; text-decoration:none; letter-spacing:-1px; vertical-align:top;}#spotwrap a:hover, a:active, a:focus {color:#0971db; font-weight:bold; text-decoration: underline;}#spotwrap .spot_dv{padding:0 10px 0 14px;}
/********************* live tv 컨텐츠 영역 *********************/#livetv_tap{float:right;width:862px; height:48px;border:1px solid #bdbdbd; background:url(../images/common/tap_bg.gif);}#livetv_tap .guide_btn{width:127px; text-align:center;padding-top:10px;}#livetv_tap .channel{float:left;display:block;width:550px; text-align:center;padding-top:12px;}#livetv_tap .channel a{vertical-align:middle;width:70px;}#livetv_tap .channel a:hover {text-decoration:none;}#livetv_tap .channel .first, .paginwrap span a{background:none;}

/*tab*/.tab{height:28px; margin-bottom:20px;}.tab li{float:left; height:28px; padding-right:2px;}
#livetv_wrap{float:left;width:840px;padding:37px 0 0 24px;}
/*livetv_mini*/#livetv_mini{float:left;width:500px;}#livetv_mini p{width:500px;height:280px;}
/*관련 영상 선택 시*/#related_images{float:right;width:316px; height:500px;background:#feffc3;}
/*게시판 검색*/.guide_search{text-align:right; margin-bottom:5px; height:21px; line-height:100%; padding:15px 10px 0 10px;}.guide_search *{vertical-align:middle;}.guide_search select{height:20px; width:130px; color:#9aa5b1;}.paginwrap{float:left;display:block;width:864px; text-align:center;color:#586e83;font-weight:bold;}.paginwrap a, .paginwrap strong{vertical-align:middle;font-size:12px;color:#586e83; padding:0 2px 0px 3px;}.paginwrap strong{vertical-align:middle;font-size:12px;color:#f78080; padding:0 2px 0px 3px;}.paginwrap a:hover {text-decoration:none;font-size:12px;color:#f78080;}.paginwrap .first, .paginwrap span a{background:none;}

/********************* footerwrap ***********************/#footerwrap{float:left;;width:1;width:100%; background-color:#132030;}#footer{float:left;width:1006px; color:#96a3b1;font-size:11px; padding:8px 0 6px 18px;}#footer .right{color:#96a3b1; padding-left:474px; font-size:11px;}#footer a{color:#96a3b1;}#footer a:hover {text-decoration:none;color:#fff;}/********************* table style ***********************/.table_style01{width:215px;margin-top:11px;}.table_style01 th.title01{color:#1c70ab;font-size:16px;font-weight:bold;}.table_style01 th{color:#434548;}.table_style01 th, td{border:none;border-collapse:collapse;text-align:left;line-height:15px;}.table_views th.orange{color:#fb871f;letter-spacing:0px;}.table_views th{letter-spacing:-1px;}.table_style02{width:215px;margin-top:8px;border:none;border-collapse:collapse;}.table_style02 td{border:none;border-collapse:collapse;color:#959595;letter-spacing:-1px;}.table_style02 th{color:#434548;letter-spacing:-1px;}.table_style03{float:right;}.table_style03 th.title02{ text-align:left;line-height:16px;}.table_style04 th, td{border:none;border-collapse:collapse;text-align:left;line-height:12px;}.table_style04 th, td{border:none;border-collapse:collapse;text-align:left;line-height:12px;}.table_style05 th, td{border:none;border-collapse:collapse;text-align:left;line-height:21.89px;}.table_style05{float:right;}.table_style05 th.title03{border-bottom:1px solid #c0c9d0; text-align:left; color:#607791; font-size:13px;}.table_style05 th{color:#434548;}.table_style05 td.story{line-height:16px;color:#666666; letter-spacing:-0.5px;}.table_style05 td{color:#959595;}.table_style05 td a{text-decoration:underline;color:#1c70ab;font-weight:bold;}.table_style05 td a:hover {text-decoration:underline;color:#1c70ab;font-weight:bold;}

.center{padding: 0 20px 0 20px;}
/*font color*/.gray01{color:#959595;}.orange{color:#fb871f;}
/*padding*/.pad_rl06{padding:0 6px 0 6px;}.pad_l10{padding-left:10px;}.pad_r10{padding-right:10px;}.margin_b51{float:left;padding-bottom:51px;width:500px; }.dv1{width:1px; height:12px; background:#a6a8a8;}.dv2{width:2px; height:48px; background:url(../images/common/dv2px.gif);}.img{vertical-align:/style/headbodydiv id=mainwrap !-- topwrap// -- div id=topwrap !-- logo// -- h1a href=main.htmlimg src=../../images/common/logo.gif alt=uvox width=160px height=56px//a/h1 !-- //logo -- !-- top_set// -- div id=top_set !-- 검색// -- div id=gnb_search form action= fieldset id=gnb_s_select legend id=search검색/legend input type=text title=검색 class=search_box value=검색어를 입력하세요. /input type=image src=../../images/common/btn_search.gif alt=검색 class=search_btn/ /fieldset /form /div !-- //검색 -- !-- 검색 순위// -- div id=gnb_rank div id=ranklist class=ranklist ol liimg src=../../images/common/lank_01.gif width=15 height=15 alt=rank_number /a href=#신사의 품격/a/li /ol /div !-- div id=rankpop class=rankpop hide ol liimg src=images/lank_01.gif width=15 height=15 alt=rank_number /a href=#적도의 남자 18/a/li liimg src=images/lank_02.gif width=15 height=15 alt=rank_number /a href=#건축학개론/a/li liimg src=images/lank_03.gif width=15 height=15 alt=rank_number /a href=#빅뱅 mv/a/li liimg src=images/lank_04.gif width=15 height=15 alt=rank_number /a href=#남자의 자격/a/li liimg src=images/lank_05.gif width=15 height=15 alt=rank_number /a href=#9시 뉴스/a/li liimg src=images/lank_06.gif width=15 height=15 alt=rank_number /a href=#1박2일/a/li liimg src=images/lank_07.gif width=15 height=15 alt=rank_number /a href=#승승장구/a/li liimg src=images/lank_08.gif width=15 height=15 alt=rank_number /a href=#위대한 유산/a/li liimg src=images/lank_09.gif width=15 height=15 alt=rank_number /a href=#화성인 x-파일/a/li liimg src=images/lank_10.gif width=15 height=15 alt=rank_number /a href=#개그콘서트/a/li /ol /div -- /dl /div !-- //검색 순위 -- !-- 가입하기 | 로그인// -- div id=spotwrap a href=/home/member/login.jsp가입하기/aimg src=../../images/common/spot_dv.gif alt= class=spot_dv / !-- a href=#내 정보/a -- !-- a href=/home/member/join.jsp로그아웃/a -- a href=#로그인/a /div !-- //가입하기 | 로그인 -- /div !-- top_set// -- /div !-- //topwrap -- !-- contentwrap// -- div id=contentwrap !-- left wrap// -- div id=leftwrap !-- gnb// -- div id=gnb ul liimg src=../../images/gnb.gifwidth=160px alt=uvox //li /ul p class=ad_simg src=../../images/common/ad.jpg alt=광고 배너 //p /div !-- //gnb -- /div !-- //left wrap-- !-- right// -- !-- contwrap// -- div id=contwrap !-- tap menu// -- div id=livetv_tap ul class=tab li class=guide_btnimg src=../../images/btn/program_guide.gif width=107 height=28 alt=프로그램 가이드 //li lip class=dv2/p/li li form class=guide_search select id=se01 option value=전체/option option value=제목/option option value=내용/option option value=등록자/option /select /form !-- //게시판 검색 -- /li li p class=channelspanimg src=../../images/btn/guide_left.gif class=pad_r10 alt=왼쪽 //spana href=# class=firstimg src=../../images/common/favorites_on.gif /img src=../../images/common/mbc.gif alt=mbc //aa href=#img src=../../images/common/favorites_off.gif /img src=../../images/common/ebs.gif alt=ebs //aa href=#img src=../../images/common/favorites_off.gif /img src=../../images/common/kbs.gif alt=ebs //aa href=#img src=../../images/common/favorites_on.gif /img src=../../images/common/mnet.gif alt=ebs //aa href=#img src=../../images/common/favorites_on.gif /img src=../../images/common/mbc.gif alt=mbc //aimg src=../../images/common/favorites_on.gif / spanimg src=../../images/btn/guide_right.gif alt=오른쪽 class=pad_l10//span/p /li /ul /div !-- //tap menu -- !-- livetv_wrap// -- div id=livetv_wrap !-- live tv mini player// -- div id=livetv_mini pimg src=../../images/picture/image.jpg width=500 height=280 //p !-- 채널 구매하기// -- table width=496 border=0 cellspacing=0 cellpadding=0 class=table_style03 tr td height=18 colspan=4/td /tr tr th class=title02img src=../../images/common/text01.gif width=170 height=20 alt=해를품은달 //th th class=title02 /th td width=10 rowspan=3/td td width=110 rowspan=3img src=../../images/btn/channel_buy.gif width=110 height=28 alt=채널 구매하기 //td /tr tr th height=12 colspan=2/th /tr tr td colspan=2 !-- 방송사,회,방송시간// -- table class=table_style04 width=380 border=0 cellspacing=0 cellpadding=0 tr th width=38mbc/th td width=1 class=dv1/td th class=pad_rl0603.25/th td width=1 class=dv1/td th class=pad_rl066회/th td width=1 class=dv1/td th width=240 class=pad_rl0613:00~14:00/th /tr /table !-- //방송사,회,방송시간 -- /td /tr /table !-- 상세정보(장르,연출,출연,소개)// -- table class=table_style05 width=496 border=0 cellspacing=0 cellpadding=0 tr td height=20 colspan=3/td /tr tr th class=title03 height=25 colspan=3상세정보/th /tr tr td height=10 colspan=3 style=border-top:1px solid #f9fafb/td;/td /tr tr th width=40장르/th td rowspan=5 /td td width=460드라마/td /tr tr th width=40연출/th td width=460a href=#이석훈/a/td /tr tr th width=40출연/th td width=460a href=#김수현,/a a href=#한가인,/a a href=#김민서/a/td /tr tr th width=40 valign=top소개/th td width=460 class=story왜 저 사람이 먼저 입니까? 이사장은 외상센터를 차리고 새로운 외상팀을 꾸리기 위해 필요한 것이 없는지 인혁에게 물어본다. 인혁은 실력있는 은아를 잡고 싶지만 그녀의 삶을 방해할 수는 없다고 생각하며 고민한다. br / 응급실에 실려온 두 환자. 한명은 아이를 유괴한 유괴범이고 한명은 그를 쫓는 형사이다. 하지만 수술실이 부족한 상황에서 한명의 환자만 당장 수술에 들어갈 수 있는데... 아이를 유괴한 장소를 알고있는 유괴범과 추격 과정에서 치명적인 부상을 입은 형사 사이에서 인혁과 재인, 민우는 누구를 먼저 수술할지 갈등한다. br //td /tr /table !-- //상세정보(장르,연출,출연,소개) --
/div !-- //live tv mini player -- !-- 관련 영상 선택// -- div id=related_images /div !-- //관련 영상 선택 -- /div !-- livetv_wrap// -- /div !-- //contwrap -- !-- //left -- /div !-- //contentwrap --!-- footerwrap// --div id=footerwrap div id=footer h2푸터/h2 spana href=#서비스 연락처/a a href=# class=center서비스 이용약관/a a href=#개인정보 취급 방침/a/spanspan class=rightcopyright 2012 scg. all right reserved./span /div /div!-- //footerwrap -- /div/body/html

신청하기