레이아웃 설정 질문입니다.. 기초적인 질문입니다 ㅠㅠ
레이아웃을 하나 만드려고 하고 있습니다.
소스는 아래와 같습니다..
<!-- UI Object -->
<div id="wrap">
<p>#wrap</p>
<!-- header -->
<div id="header">
<p>#header</p>
</div>
<!-- //header -->
<!-- container -->
<div id="container">
<p>#container</p>
<!-- snb -->
<div class="snb">
<p>.snb</p>
</div>
<!-- //snb -->
<!-- content -->
<div id="content">
<p>#content</p>
</div>
<!-- //content -->
<!-- aside -->
<div class="aside">
<p>.aside</p>
</div>
<!-- //aside -->
<div class="clear">
</div>
</div>
<!-- //container -->
<!-- footer -->
<div id="footer">
<p>#footer</p>
</div>
<!-- //footer -->
</div>
<!-- //UI Object -->
을 적용하려고 하는데요.. 정말 기초적인 질문입니다만..
어디까지가 _head.php에 넣어야 하고..
어디까지가 index.php/ _tail.php에 넣어야 하나요?
구분이 안가서요
그냥 짤라서 넣으면 되는건가요?
전체적으로 <div id="wrap">이란 div아래 놓여져 아무렇게 짤라도 되는건지 궁금합니다..
두서없지만.. 답변 좀 부탁드려요
소스는 아래와 같습니다..
<!-- UI Object -->
<div id="wrap">
<p>#wrap</p>
<!-- header -->
<div id="header">
<p>#header</p>
</div>
<!-- //header -->
<!-- container -->
<div id="container">
<p>#container</p>
<!-- snb -->
<div class="snb">
<p>.snb</p>
</div>
<!-- //snb -->
<!-- content -->
<div id="content">
<p>#content</p>
</div>
<!-- //content -->
<!-- aside -->
<div class="aside">
<p>.aside</p>
</div>
<!-- //aside -->
<div class="clear">
</div>
</div>
<!-- //container -->
<!-- footer -->
<div id="footer">
<p>#footer</p>
</div>
<!-- //footer -->
</div>
<!-- //UI Object -->
을 적용하려고 하는데요.. 정말 기초적인 질문입니다만..
어디까지가 _head.php에 넣어야 하고..
어디까지가 index.php/ _tail.php에 넣어야 하나요?
구분이 안가서요
그냥 짤라서 넣으면 되는건가요?
전체적으로 <div id="wrap">이란 div아래 놓여져 아무렇게 짤라도 되는건지 궁금합니다..
두서없지만.. 답변 좀 부탁드려요
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 4개
</div>
<!-- //content -->
부터 끝까지 tail.php에 넣어주시면 됩니다.
[code]
<!-- UI Object -->
<div id="wrap">
<p>#wrap</p>
<!-- header -->
<div id="header">
<p>#header</p>
</div>
<!-- //header -->
<!-- container -->
<div id="container">
[/code]
중간부분
[code]
<p>#content</p>
[/code]
풋터부분
[code]
</div>
<!-- //content -->
<!-- aside -->
<div class="aside">
<p>.aside</p>
</div>
<!-- //aside -->
<div class="clear">
</div>
</div>
<!-- //container -->
<!-- footer -->
<div id="footer">
<p>#footer</p>
</div>
<!-- //footer -->
</div>
<!-- //UI Object -->
[/code]