수다닷컴

이제 막 시작해서
맨땅에 해딩 중이라 ㅠㅠ 모르는거 투성이네요
도움 부탁드립니다아래 소스좀 봐주세요 ㅜㅜ

* 문제점 : 좌측메뉴나 div.visual의 bg가 브라우저 높이에 상관없이 끝까지 쭉 내려와야 하는데요
div.contens 안에 아무것도 안 넣으면 잘 되다가 이미지만 넣으면 중간에 뚝... ㅜㅜ
끝나버리네요 도와주세요 고수님들

---------------코딩-----------------
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
link href=../css/style.css rel=stylesheet type=text/css /
title미디어올 홈페이지에 오신 것을 환영합니다/title
/head
body
div class=wrap
h1서브페이지/h1
div class=leftmenu
h2좌측메뉴영역/h2
p class=logo
img class=fix src=../images/logo.jpg alt= /
/p
ul class=leftmenu_list
li class=titlea href=../introduction/introduction_01.html회사소개/a/li
lia href=../introduction/introduction_01.html-회사소개/a/li
lia href=../introduction/introduction_02.html-오시는길/a/li
li class=titlea href=../cable/cable_01.html케이블광고/a/li
lia href=../cable/cable_01.html-케이블광고/a/li
lia href=../cable/cable_02.html-케이블tv방송사현황/a/li
li class=titlea href=../vod/vod_01.htmlvod광고/a/li
li class=titlea href=../commercial/commercial_01.html지상파광고/a/li
li class=titlea href=../cf/cf_01.htmlcf제작/a/li
lia href=../cf/cf_01.html-cf제작/a/li
lia href=../cf/cf_02.html-포트폴리오/a/li
li class=titlea href=../inquiry/inquiry_01.php광고문의/a/li
/ul
p class=banner_customer
img src=../images/banner_customer.jpg alt= /
/p
p class=copyright
img src=../images/text.gif alt= /
/p
/div
div class=sub_visual
h2컨텐츠 영역/h2
div class=sub_topmenu
h3top메뉴/h3
ul class=topmenu_list
lia href=../img src=../images/top_menu.png alt= //a/li
liimg src=../images/top_cus.png alt= //li
/ul
/div
div class=pagetitle
h3페이지제목/h3
p class=introductionimg src=../images/cable/title01.jpg alt= //p
div class=pagecourse
h4페이지경로/h4
span class=pagecourse_textHOME 케이블광고 케이블광고/span
/div
/div
div class=quick
h3광고문의 퀵메뉴/h3
a href=../inquiry/inquiry_01.phpimg class=fix src=../images/sub_quick.png alt= //a
/div
div class=contens
h3상세내용/h3
p class=cable_imgimg src=../images/cable/01-1.jpg alt= //p
p class=cable_imgimg class=cableimg_line src=../images/cable/01-line.jpg alt= //p
p class=cable_imgimg src=../images/cable/01-2.jpg alt= //p
p class=cable_imgimg class=cableimg_line src=../images/cable/01-line.jpg alt= //p
p; p class=cable_imgimg src=../images/cable/01-3.jpg alt= //p
p class=cable_imgimg class=cableimg_line src=../images/cable/01-line.jpg alt= //p
p class=cable_imgimg src=../images/cable/01-4.jpg alt= //p
/div
/div
/div
/body
/html
-----------------css------------------
/*********************************************
* LINK
*********************************************/
A:link {color:#666666; text-decoration:none; }
A:visited {color:#666666; text-decoration:none; }
A:active {color:#8298cf; text-decoration:none; }
A:hover {color:#073D7B; text-decoration:none; }
/*********************************************
* BODY
*********************************************/
body,p,div,ul,li,dl,dt,dd,img{
margin:0px; padding:0px; list-style:none; border:0;
}
body{
background:url(../images/bg_all.jpg) top center no-repeat #ccccc3;
}
h1,h2,h3,h4,h5,h6{
width:0px; height:0px; font-size:0px; line-height:0px; position:absolute; overflow:hidden;
}

/*********************************************
* FORM
*********************************************/
.input {margin:0; padding:0; font-size:12px; color:#666; background-color:#fff; border:1px solid #c5c5c5;}
/*********************************************
* text
*********************************************/
.t1 {color:#638c0b;}
.t2 {color:#225377;}
.t3 {color:#c30000;}
.t4 {color:#028c4a; font-weight:bold;}
.t5 {color:#c30000; font-weight:bold;}
.t6 {color:#ffffff; font-weight:bold;}
.t7 {color:#3085d3; font-weight:bold; font-size:14px; font-family: 돋움, Arial; padding-left:10;}
.b {font-weight:bold; padding-left:10;}
.textarea { border: #cccccc 1px solid; font-size: 12px; color:#666666; background-color:#ffffff;}
/*********************************************
* padding
********************************************/
.35-10 { padding-left:35; padding-right:10;}
.l35 {padding-left:35;}
.l10 {padding-left:10;}
.l10_2 {padding:5 0 5 10;}
/********************************************//*********************************************
* 서브공통
********************************************/
div.sub_visual{
width:800px; height:100%; float:left; top:0px; bottom:0px; position:absolute; left:200px; background:#0066FF;
}
div.sub_topmenu{
width:127px; height:20px; float:left; z-index:2; position:absolute; left:673px; top:0px;
}
div.pagetitle{
width:800px; height:50px; margin-top:50px; margin-bottom:50px;
}
div.pagecourse{
width:300px; height:16px; float:left; text-align:right; position:absolute; left:500px; top:84px;
}
span.pagecourse_text{
font:normal 11px 돋음; color:#333;
}
div.quick{
width:73px; height:50px; position:absolute; top:200px; left:730px; z-index:2;
}
div.contens{
width:800px; position:absolute; top:200px; left:0px;
}
p.introduction{
float:left;
}

/*********************************************
* 케이블광고
********************************************/
div.table2_territory{
width:800px; float:left;
}
table.table2{
width:580px; border-spacing:1px; font:normal 12px 돋음; margin:10px 110px; margin-bottom:50px;
}
table.table2 td{
height:25px; vertical-align:middle;
}
p.table2_title img.title{
margin:40px 225px;
}
img.cableimg_line{
margin:50px 0px;
}

신청하기