저는 CSS가 없으므로 CSS를 사용하여 처음부터 처음으로 사이트를 디자인하고 있습니다. (최근에 나는 에서 하나님의 사랑을 위해 웹 사이트 스타일을 html로 중지했습니다. 생활 방식).100 % 너비의 머리글과 바닥 글
머리글과 바닥 글이 본문의 너비를 넘어서서 페이지의 왼쪽에서 오른쪽으로 완성되는 페이지를 만들고 싶습니다. 코드를 시작했지만 멈추었습니다. 헤더에는 로고와 내비게이션이 있습니다 (아직 내비게이션을 코딩하지 않았지만 그렇게 어렵지는 않습니다). 꼬리말에는 한 줄의 내용 만 있습니다.
나는 다른 질문에서 예제를 찾아 보았고 답변은 모두 정말로 복잡하며 스크롤 막대와 같은 것들을 포함하고있다.
이 작업을 수행하는 방법에 대한 제안은 크게 감사하겠습니다. 이것이 바보 같은 질문이라면 미안합니다. 감사.
HTML
<body>
<!-- begin wrapper -->
<div id="wrapper">
<!-- begin header -->
<div id="header">
<p>Content</p>
</div>
<!-- begin navigation -->
<div id="navigation">
<ol>
<li>Home</li>
<li>Page 1</li>
<li>Page 2</li>
<li>Page 3</li>
<li>Contact</li>
</ol>
</div>
<!-- begin content -->
<div id="content">
<h1>Heading</h1>
<p>Content</p>
</div>
<!-- begin footer -->
<div id="footer">
<p>Content</p>
</div>
</div>
</body>
당신이 #header
및 #footer
전체 페이지에 걸쳐하려면 CSS
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);
#header {
background: #636769;
}
#navigation {
}
body {
font-family: 'PT Sans Narrow', sans-serif;
font-size: 16pt;
background: url(../images/texture.png);
}
#wrapper {
width: 938px;
margin: 0 auto;
padding: 20px 20px;
background: white;
}
#footer {
background: #636769;
}
감사합니다. – stephenie
기본적으로 원하는 섹션에 대해 div를 설정해야합니다. 따라서 페이지의 본문 섹션에 세 개의 열이 있으면 각 div가 필요합니다. – stephenie
네, 맞습니다. – woz