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

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

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

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

게시글 목록

번호 제목
955
954
946
943
940
934
926
923
914
912
908
907
905
898
884
873
869
858
848
843
834
828
824
820
818
814
806
803
793
785