Нэнси Малина написал(а):и насчет вот этого дизайна: http://cwtest.rusff.ru/
нужно сделать так, чтобы при любом разрешении экрана футер отображался по центру, даже если шапка не влезает. пусть она просто обрежется. но никакой горизонтальной прокрутки.
на данный момент говорят, что на экранах 1024х768 все съезжает, потому что равняется по шапке. то есть видна шапка и не до конца, но с начала. футер где-то не по центру, а справа экрана...
а надо, чтобы в любом случае было центрирование
В таком случае можно разрулить проблему только одним способом: совсем снять фоновый рисунок с #pun'а, а все три ваши картинки - полосатый задник, фон под срединную полосу и логотип расположить в той последовательности, в которой они должны друг друга перекрывать, распихав каждый из них на свой слой.
Самым нижним, задним, наименее видимым будет полосатый задник, значит, ставим его на html. Следом должна быть картинка под срединную полосу с форумом - ставим ее на следующий элемент, располагаемый выше по оси z - body. Самым же верхним, ничем не перекрываемым (из картинок), должен быть логотип, его ставим на третий слой - #pun_wrap. Если не создавать дополнительных див-блоков, то мы как раз уместимся в предусмотренные, потому что следующим слоем уже идет #pun, у которого настройки для текстовой внутрянки (собственно, сам форум) и картиночной настройки (фон срединной полосы) - должны быть разными, а следовательно, тянут за собой в необходимость задания всяких паддингов и маргинов, мешающих корректно отцентрировать и арт-элементы, и текстовые.
В итоге должно получится так:
html {
background: url(http://s5.uploads.ru/WRycY.jpg) repeat fixed center top rgb(254, 212, 152);
}
body {
overflow-x: hidden;
background: url(http://s5.uploads.ru/hN1H5.jpg) repeat-y scroll center top transparent;
}
#pun_wrap {
background: url(http://s4.uploads.ru/NAUVm.jpg) no-repeat scroll center top transparent;
}
#pun {
position: relative;
width: 860px;
margin: auto;
}
Из
/* A2.1 */
html, body {margin: 0px; padding: 0;
background: #fed498 url(http://s5.uploads.ru/WRycY.jpg) repeat fixed top center;
}
задание фона нужно убрать совсем, как понимаете. Мало того, что оно задано сразу на два элемента, так еще и на один из них будет своя установка бека.
P.S. Чтобы проверить, как выглядит дизайн на разных расширениях, не обязательно просить кого-то иp пользователей. Можно у себя на мониторе выставить в (левый клик по рабочему столу) "Свойствах" - "Параметрах" тестируемое разрешение и проверить, как будет выглядеть дизайн на широкоформатнике, среднем мониторе и мелких, вроде нетбуков или планшетов.