У меня есть исследования размеров веб-страниц, и с тех пор я установил сетку 960px. Однако я не понимаю одну вещь в верхних и нижних колонтитулах. Возьмите, например, заголовок stackoverflow, в котором находится имя пользователя | выход из системы | чат | мета | о компании | faq и поле поиска. Он работает от конца до конца браузера. Как я могу сделать конец заголовка заголовок в конце 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, и мне повезло прибить то, что я был точно после. Http: //www.cssgirl.com/resources/2008/06/07/create-full-width-header-footer-with-centered-content-using-css/ – Gandalf
Вы имели в виду ширину: 100%, а не ширину: 100px didnt ты? – benhowdle89
Мой плохой, 100%, я его отредактирую. – Gandalf
960.gs просто "план", чтобы работать с. Вероятно, лучше изучить основы, прежде чем погрузиться в систему на основе сетки.
SO использует только отрицательную маржу:
#custom-header {
background-color: #EEE;
height: 31px;
margin-bottom: -31px;
}
перед в <div id="header"></div>, который является 960px шириной по центру дел.
вы можете проверить заголовок stackoverflow с firebug :), чтобы вы могли видеть, как это делается. – BvdVen
+1 Я не помню жизнь без FireBug – Ross
Какова была жизнь перед Firebug? – benhowdle89