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

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

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

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

게시글 목록

번호 제목
1108
1105
1099
1096
1090
1088
1087
1085
1074
1072
1069
1067
1063
1060
1055
1040
1039
1036
1032
1029
1017
1013
994
989
984
981
974
971
966
957