푸터가 이상해요.. ㅜㅜ
겨울c
nav 랑 section에 display:block 되있습니다.. 다른 css로 불러들이고 있어요근데 왜 footer가 header 바로 밑에 나올까요 ㅜㅜ
css 소스입니다
#wrapper{ width:100%;}header{ width:100%; height:100px; margin:0 auto; font-size:1.4em; text-align:center; background:url(/img/line.gif) repeat-x bottom;}header h2{ padding:2%; color:#5b005b }header a{ text-decoration:none; }nav{ width:1000px; margin:0 auto; position:relative; background:red}nav p{ margin:5%;}section{ width:1000px; margin:0 auto;}section div{ width:30%; float:left; background:blue;}section div img{ width:100%; }
.portfolio_box { width:100%; height:280px; background:#ffffdd; float:left; position:relative; animation:home 1s; -webkit-animation:home 1s; -moz-animation:home 1s; }footer { width:100%; background: black url(/img/line.gif) repeat-x; }footer p{ text-align:center; height:100px; }
html 구조입니다
div id=wrapper header h1 class=skip포트폴리오/h1 a href=http://www.muagi.co.kr/h2PORTFOLIO/h2/a /header nav div class=portfolio_boxpPORTFOLIO/p /div /nav section div/div /section footerpCOPYRIGHT ⓒ ALL RIGHT RESERVED. /p /footer /div
-
하림
기초가 없어서 그럽니다 ..
저런경우 바로 알아야 하지요 .. 아 ..float 썼는데 해제가 안됐구나 .. 생각하고 ..
질문 올릴 건덕지가 안됨. -
삐용삐용
..... 서브만든다고 대충 복붙했더니 ㅜㅜ 감사합니다!! 해결됫네용 ㅎㅎ
-
겨울
#wrapper{ width:100%;}
header{ width:100%; height:100px; margin:0 auto; font-size:1.4em; text-align:center; background:url(\/img/line.gif\) repeat-x bottom;}
header h2{ margin:2%; color:#5b005b; text-decoration:none;}
nav{ width:1000px; margin:0 auto; pos