Прокрутка страниц CSS прямо на пустом месте / Совместимость полей и кросс-браузер

Question

Я разрабатываю http://pizzli.com/darrenwp как тему WordPress.По какой-то причине я не могу сделать так, чтобы центральный контейнер имел одинаковые левые и правые поля вокруг него, а по какой-то причине страница считает, что видит пустое пространство, и позволяет мне прокручивать вправо.Если бы кто-нибудь мог дать совет, он был бы очень признателен.Также в Internet Explorer область рекомендуемых новостей, кажется, перемещается вниз, и я не могу найти причину.

Спасибо, Алекс

Answer 1

попробуйте добавить ниже правило css, чтобы сделать макет центра содержимого.

1. строка 39 style.css

   # nav {margin-left: auto;поле справа: авто;padding-bottom: 10px;ширина: 1260px;}

2. строка 33 style.css

   # header {background: url ("images / warriors.png") прокрутка без повтора влево вверх прозрачная;высота: 201px;поле: 0 авто;ширина: 1280 пикселей;}

3. строка 26 style.css

   # container {background: url ("images / topbg.jpg") прокрутка без повтора 0 0 прозрачный;высота: 1445 пикселей;поле слева: авто;поле справа: авто;ширина: 1112 пикселей;}

Примечание. Вы должны нарезать изображение заголовка в соответствии с шириной содержимого, так как изображение имеет больше места в левой части логотипа.

Используйте css img{border:none;} для удаления синей рамки с изображений.

Answer 2

Я не знаю, что происходит с вашим сайтом, но у меня есть несколько предложений:

1. ваш warrior.png имеет ширину 1280 пикселей, а настоящий логотип заканчивается 1098 пикселей, тогда почему на этом изображении так много места?
2. Обертки нет, из-за этого вы не можете ничего центрировать.
3. сразу после тега body вы делаете навигацию, так как же будет работать навигация, если нет родительского div? только из-за отсутствия обёртки всё свободно и движется тут и там.
4. Ваш нижний колонтитул не имеет определенной ширины, поэтому через некоторое время это может стать большой проблемой.
5. Ваш заголовок, контент и навигация, ни один из них не имеет никакого отношения друг к другу ...

Answer 3

пробел, вероятно, должен появиться из-за вашей декларации display:inline-block, см. здесь .Кроме того, когда кросс-браузерная совместимость необходима, держитесь подальше от причудливых свойств отображения, особенно table (http://www.w3schools.com/cssref/pr_class_display.asp)., касающихся проблемы ie, попробуйте заключить код под картинкой в ​​div и манипулировать оттуда.что есть какая-то проблема с заполнением или тому подобное.