Центрирование проблемы страницы - PullRequest
Новая
       10

Центрирование проблемы страницы

0 голосов
/ 22 октября 2009

Хорошо, давайте посмотрим, смогу ли я объяснить это. Содержание моей страницы имеет ширину 960 пикселей. Он центрируется в другом элементе div, ширина которого составляет 1426 пикселей (#siteWrap). 

#siteWrap{
margin:0px auto;
width:1426px;
background: url(../images/bg.jpg) no-repeat ;
}

Мне нужно выяснить, как получить #siteWrap для центрирования на странице независимо от разрешения экрана. Большинство моих посетителей имеют разрешение экрана 1024x768. Когда я тестирую эту страницу в этом разрешении, я вынужден прокручиваться слева направо, чтобы перейти к содержанию сайта.

Любая помощь будет оценена.

Ответы [ 3 ]

2 голосов
/ 22 октября 2009

Просто установите

ширина: 100%;

и маржа: 0 авто; должен быть установлен на вашем div контента, а не на этом.

0 голосов
/ 24 октября 2009

Попробуйте следующее: 

#sitewrap {
   position:absolute;
   top:0px;
   left:50%;
   width:1426px;
   margin-left:-713px;
   background: url(../images/bg.jpg) no-repeat ;
}

Это будет по центру, но переполнит окно браузера.

0 голосов
/ 22 октября 2009

При горизонтальном переполнении контейнера естественная реакция браузера - закрепить его в левой части экрана.Я думаю, что должен делать это.Чтобы обойти это, вы можете использовать Javascript для центрирования элемента контейнера , рассчитав необходимые смещения на основе разрешения экрана / области просмотра.

...