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

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

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

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

게시글 목록

번호 제목
6255
7252
6251
6248
6241
6229
6224
6208
6193
6188
6182
6158
6149
6148
6144
6139
6132
6129
6124
6122
6113
6108
6102
6099
187
184
182
173
172
168
6570
6478
6244
6096
166
기타 저기 1
153
152
144
139
131
129
126
124
118
109
102
98
86
84
80
78
76
70
63
59
57
50
46
41
31
27
21
8
4
1
7239