나는 웹 페이지 크기에 대해 연구 해왔고, 그리드 960px에 정착했다. 그러나 나는 머리글과 바닥 글에 한 가지를 이해하지 못합니다. 예를 들어 사용자 이름이 들어있는 stackoverflow의 헤더 | 로그 아웃 | 채팅 | 메타 | 약 | faq 및 검색 box.It는 브라우저의 끝에서 끝까지 실행됩니다. 내 헤더를 CSS로 끝까지 끝낼 수 있습니까?머리말 및 꼬리말 CSS
감사합니다. 당신의 CSS에서
:
#header {
height: 100px;
width: 100%;
background-color: red;
}
#middle {
width: 960px;
margin: auto;
background-color: blue;
}
#footer {
width: 100%;
height: 100px;
background-color: green;
}
이 단지 관련 비트가 아닌 전체 CSS 코드 :
안녕 벤, 나는 너의보기 및 googled 폭을 따라 갔다 : 100px 및 나는 정확하게 나가 있던 것을 못을 박는 운이 좋았다. //www.cssgirl.com/resources/2008/06/07/create-full-width-header-footer-with-centered-content-using-css/ – Gandalf
평균 너비 : 100 %, 너비 : 100px 않음 당신? – benhowdle89
나의 나쁜; 100 %, 나는 그것을 편집 할 것이다. – Gandalf
960.gs가에서 작업하는 단지 "청사진"입니다. 아마도 그리드 기반 시스템에 뛰어 들어가기 전에 기본 사항을 배우는 것이 좋습니다. <div id="header"></div> 전에
#custom-header {
background-color: #EEE;
height: 31px;
margin-bottom: -31px;
}
, 960 넓은 중심의 사업부입니다 :
그래서 그냥 음의 여백을 사용합니다.
당신은 firebug로 stackoverflow 헤더를 확인할 수 있습니다 :) 그래서 어떻게 완료되었는지 볼 수 있습니다. – BvdVen
+1 FireBug 없이는 인생을 기억할 수 없다 – Ross
방화범이 끌리기 전에 삶은 어떠 했습니까? – benhowdle89