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

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

· 15년 전 · 1073 · 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%

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

게시글 목록

번호 제목
1456
1447
1443
1434
1429
1424
1413
1406
1403
1398
1389
1386
1381
1374
1372
1370
1349
1341
1336
1333
1325
1309
1305
1293
1292
1290
1286
1280
디자이너 MS CS6? 5
1277
1272