테스트 사이트 - 개발 중인 베타 버전입니다

이렇게 구성했는데..엄청난 공백이..

· 15년 전 · 1077 · 2
/*
이 CSS파일은 W-RN의 템플릿용 파일입니다.
누구도 사용할수 없음을 알려드립니다.
*/
html{margin:0;padding:0}
body{margin:0;padding:0}
/*
html,body부분 공백을 없애 주는 CSS문장.
*/
.body{font: 12px arial,sans-serif}
#wrapper{
float:left;
width:100%
}
#header{
height:83px;
line-height:83px;
background:url("../images/head.png");
background-repeat:repeat-x;
}
#menu{
width:100%
height:56px;
margin-top:50px;
margin-bottom:60px;
}
#content{
margin-top:30px;
width:516px;
position:relative;
padding-left:170px;
line-height:1.2
}
#navigation{
float:right;
background:url("../images/m_info.png");
width:115px;
height:419px;
margin-left:-130px;
}
#extra{
background:url("../images/submenu.png");
float:left;
width:169px;
height:419px;
margin-left:-100%
margin-top:50px;
}
#tail{
background:url("../images/tail.png");
background-repeat:repeat-x;
height:92px;
line-height:92px;
margin-top:50px;
margin-bottom:100%
}

잘출력됩니다.
문제는...
tail밑으로 동일 사이즈의 공백이 생겼습니다. ㅠㅠ;

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

margin-bottom:100%

이부분이 문제 아닌가요 ^^?
감사합니다. 해결했네요..
저는 무조건 밑으로 붙게할려고 입력한건데..
그런 현상이 ㅎㅎ;

게시글 목록

번호 제목
2486
2485
2481
2459
2456
2414
2412
2387
2384
2380
2365
2360
2357
2356
2347
2343
2339
2337
2307
2295
2288
2256
2241
2229
2225
2220
2205
2196
2192
2181