html5 레이아웃 기초부분 질문이요..
한봄찬
----------------------------------------------소스------------------------------;
!doctype htmlhtmlheadmeta charset=utf-8titleUntitled Document/titlestyle#wrap{width:800px; margin:0 auto;}
html{overflow-y:scroll}
*{margin:0; padding:0; font-size:12px;}
header{ width:800px; margin-top:20px; padding:20px; background-color:#666; }hgroup{ overflow:hidden;}hgroup h1 { color:#fff; font-size:18px; float:left;}hgroup h2 { color:#CCC; font-size:12px; float:right;}nav { clear:both;overflow:hidden; }nav li { float:left; padding-right:5px;list-style:none;}nav li span { border-radius:10px;background-color:#fff;padding:3px; }section {float:left; padding:20px; border:1px solid #666; background-color:#fff; margin-top:20px; width:490px;}section h1 { font-size:24px; color:#333;}article { padding: 10px; background-color:#CCC; margin:10px; border:1px solid #999;}aside {float:right; width:276px; padding:10px; background-color:#fff; border:1px solid #666; margin-left:10px; margin-top:20px; margin-bottom:15px;}aside .box{ width:278px; height:100px; background-color:#ccc; text-align:center; line-height:100px; margin-bottom:10px;}asied h3 { font-size:16px;}#menu {clear:both; width:276px; height:141px; background-color:#fff; border:1px solid #666; margin-left:10px; padding:10px; }#menu li {list-style:none; font-size:16px; font-weight:bold;}footer { margin:0 auto; width:800px; margin-top:20px; padding:10px; background-color:#333; color:#fff;}footer .right{ float:right; font-size:18px;}/style/headbodydiv id=wrap header hgroup h1헤더/h1 h2헤더헤더헤/h2 /hgroup nav ul lispan123/span/li lispan가나다/span/li lispanABC/span/li /ul /nav /header section h1학교/h1 article가나다고등학교/article h1나이/h1 article19세/article h1키/h1 article173cm/article h1몸무게/h1 article57kg/article /section/div div id=float style=float:left; width:308px; aside p class=box프로필.jpg/p h3생년월일: /h31995년 ?월 !!일 생br h3보유자격증: /h3컴퓨터그래픽스운용기능사, ITQ엑셀 A, ITQ파워포인트 A /aside div id=menu ul li숫자/li 123456789.. li영어/li ABCDEFG.. li한글/li 가나다라마바사.. /ul /divfooterp class=right푸터/pbr내용 내용 내용 내용 내용/footer /div/body/html
------------------------------------------------------------------------------------------
헤더섹션 어사이드푸터
이렇게 레이아웃을 만드려하고있습니다.. 아래에 제게시물에 사진있긴합니다만..
문제는 푸터부분이 섹션 밑에 자리잡는게아니라 헤더 밑에 자리를잡더군요..
제가 의도한 바론 이런 모습이여야하는데..
실제론 이런식으로 헤더밑, 섹션뒤에 자리를잡더군요..
드림위버고수님들 문제해결방법 아신다면 가르쳐주시면 감사하겠습니다 해결방법이 안나오네요 검색한다고해서;;;;;;;;;;;;;;;;;;;;;;;
