PSD в HTML / CSS, в поисках лучшего решения - PullRequest
Новая
       93

PSD в HTML / CSS, в поисках лучшего решения

1 голос
/ 06 февраля 2012

У меня есть этот макет, который я хочу разрезать на html / css, но я борюсь с выбором лучшего способа структурирования html / css для основного контента (например, блока diffrent bg в середине, который находится под блоком контента 960и охватывает всю ширину и т. д.).Я прикрепил структуру макета: enter image description here

Итак, мои основные вопросы:

  • Как работать с пользовательским блоком bg, который находится вне сетки,или он должен быть внутри, а затем сделать блок содержимого внутри contenbg, а за пределами контейнера - этот логотип и меню?
  • Как обрабатывать пользовательские тени png (в данном случае я хочу избегать css3), которые должны бытьвне ползунка содержимого (как на картинке)
  • Тот же вопрос относится к нижнему колонтитулу, должен ли он быть за пределами основного контейнера 960?Должен ли я использовать ,, главный контейнер '' вообще в этом случае?Я не уверен, что здесь лучшая практика.

Спасибо

1 Ответ

3 голосов
/ 06 февраля 2012

Мне не удается увидеть прикрепленный файл, но я попытаюсь дать вам некоторые рекомендации:

  1. У вас должен быть основной контент, который центрирован на экране и имеет ширину 960 пикселей.
  2. Если верхний / нижний колонтитулы имеют одинаковую ширину (т. Е. Их фон не превышает 960 пикселей), они должны находиться в контейнере div.С другой стороны, если их BG шире, чем 960, поместите каждый в отдельный div, который охватывает столько, сколько вам нужно, и внутри этого div поместите еще один div, который имеет ширину 960 и центрируйте.

пример:

<div id="headerWrapper">
    <div id="header">...</div>
</div>
<div id="content">...</div>
<div id="footerWrapper">
    <div id="footer">...</div>
</div>
  1. если вы хотите использовать тени png без использования CSS3, вы можете вырезать изображение только с тенью.

Надеюсь, что это ответ на ваши вопросы.

...