수다닷컴

아무리 아무리 어떻게 해도 해결이 안됩니다.
오늘 완전좌절 종결자 됐습니다..ㅡㅡ;
논리적 구조에 맞게 코딩을 하려고 아래 탭메뉴의 li안에 내용을 넣었는데 보시다시피 노란색 테두리가 아래까지 내용이 끝나는 부분까지 늘어나야 footer영역도 아래로 밀리는데.. 이건 뭐.. 영역이 늘어나질 않으니 footer영역도 덮어버리고...
탭메뉴 li에 들어간 float과 li안의 내용의 position:absolute가 문제인거 같은데..
어떻게 해결을 해야 할지 모르겠네요..
몇시간째 온갖 이렇게 저렇게 다 해봤는데.. 답이 안나옵니다..
어떻게 처리해야할까요? ;;;

.team{}
.team .tName{position:relative; float:left; background:url(/sub1/images/tab.gif) no-repeat; width:74px; height:31px; font-size:11px; text-align:center; margin:0 2px 0 0; padding:6px 0 0 0;}
.team .tName:after{ content:; display:block; clear:both;}
.team .nOver{background:url(/sub1/images/tab_1.gif) no-repeat; width:74px; height:31px; font-weight:bold;}
.team .nOver a{color:#fff;}
.teamInfo{position:absolute; top:10px; _top:25px; *top:25px; left:0; margin:20px 0 0 0;}
.teamInfo .member{text-align:left; font-weight:normal;}
.teamInfo .member .membg1{background:url(/sub1/images/bg01.gif) no-repeat; width:602px; height:21px;}
.teamInfo .member .membg2{background:url(/sub1/images/bg02.gif) repeat-y; width:602px;}
.teamInfo .member .membg2:after{ content:; display:block; clear:both;}
.teamInfo .member .membg2 h3{margin:0 0 0 10px;}
.membg2 .memList .memInfo{float:left; width:280px; height:100px; margin:10px 0 0 10px;overflow:hidden;}
.membg2 .memList .memInfo p{float:left; background:url(/sub1/images/pho_bg.gif) no-repeat; width:89px; height:88px; padding:12px 0 0 6px;}
.membg2 .memList .memInfo ul{float:left; width:170px;}
.membg2 .memList .memInfo ul li{font-size:0.9em; font-family:dotum; background:url(/images/dot_black.gif) no-repeat 0 4px; padding-left:5px;}
.membg2 .memList .memInfo ul li span{color:#387CA5;}
.teamInfo .member .membg3{background:url(/sub1/images/bg03.gif) no-repeat; width:602px; height:21px;}
.teamInfo .plan{clear:left; text-align:left; margin:15px 0 0 15px;}
.teamInfo .plan h3{margin:10px 0 0 0;}
.teamInfo .plan ul li{width:550px; font-size:1em; font-weight:normal; font-family:dotum; background:url(/images/dot_black.gif) no-repeat 0 4px; padding-left:5px; margin-top:5px;}
div id=content
?
$PageTitle = $Menu-getPageNavi($_POST[TOPCODE], $_POST[LEFTCODE])
?
div class=pageTitle
h1타이틀부분/h1
p class=locHome소개타이틀부분/p
/div
ul class=team
li class=tName nOvera href=탭메뉴1/a
div class=teamInfo
h2탭메뉴1 내용- 메뉴1에 관한 내용들/h2
div class=member
div class=membg1/div
div class=membg2
h3img src=images/stit0301.jpg alt=팀원소개 //h3
ul class=memList
li class=memInfo
pimg src=images/p.jpg //p
ul
lispan팀장:/span홍길동/li
lispan출생년도:/span1987./li
lispan학교:/span길동대학교/li
lispan포부:/span열심히 노력 하겠습니다./li
/ul
/li
li class=memInfo
pimg src=images/p.jpg //p
ul
lispan팀장:/span홍길동/li
lispan출생년도:/span1987./li
lispan학교:/span길동대학교/li
lispan포부:/span열심히 노력 하겠습니다./li
/ul
/li
li class=memInfo
pimg src=images/p.jpg //p
ul
lispan팀장:/span홍길동/li
lispan출생년도:/span1987./li
lispan학교:/span길동대학교/li
lispan포부:/span열심히 노력 하겠습니다./li
/ul
/li
/ul
/div
div class=membg3/div
/div
&nbnbsp;div class=plan
h3img src=images/stit0302.jpg alt=활동계획 //h3
ul
li활동계획리스트/li
/ul
/div
/div
/li
li class=tNamea href=탭메뉴2/a/li
li class=tNamea href=탭메뉴3/a/li
li class=tNamea href=탭메뉴4/a/li
li class=tNamea href=탭메뉴5/a/li
li class=tNamea href=탭메뉴6/a/li
li class=tNamea href=탭메뉴7/a/li
li class=tNamea href=탭메뉴8/a/li
/ul
/div

신청하기