Исправлены ошибки в заголовках и колонтитулах

Question

Я планирую обновить макет блога, и на этот раз у меня будет position: fixed верхний и нижний колонтитулы, оба будут иметь высоту ~ 40px. Верхний колонтитул будет содержать логотип и кнопки поиска, нижний колонтитул будет содержать множество элементов, таких как кнопки подписки, соответствующие сообщения, кнопки перехода к началу / комментариям / нижней части и т. Д. (Список не завершен).

Прежде чем я прыгну в это, я задаюсь вопросом, может ли кто-то сказать мне, хорошая ли это идея или нет. И я также был бы признателен, если бы вы могли указать лучшие практики и ошибки. Нижний колонтитул будет содержать всплывающее окно в стиле чата Facebook для связанных сообщений и некоторые другие функции, поэтому мне также интересно, будет ли он работать с этим макетом. Также будет реклама, так что это заставляет меня беспокоиться о возможности размещения заголовка поверх рекламы (особенно флеш-рекламы). Будем благодарны за ссылки на образцы макетов.

Answer 1

Независимо от того, хорошая это идея или нет, решать вам - в конце концов, вы дизайнер. Единственное, на что нужно обратить внимание - это то, что весь ваш контент будет виден, а верхний и нижний колонтитулы ничего не будут мешать. Вы можете легко предотвратить это, установив padding для вашего элемента body, который соответствует высоте верхнего и нижнего колонтитула:

body {
    padding: 40px 0 50px 0;
}

#header {
    position: fixed;
    top: 0;
    height: 40px;
}

#footer {
    position: fixed;
    bottom: 0;
    height: 50px;
}

Относительно отображения элементов поверх флэш-контента; Ваши элементы флэш-памяти должны иметь параметр wmode, установленный на opaque:

<param name="wmode" value="opaque" />