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

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

0
user1249318 5 Мар 2012 в 11:48

3 ответа

Лучший ответ

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

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

    #nav { маржа слева: авто; маржа-право: авто; padding-bottom: 10 пикселей; width: 1260px;}

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

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

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

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

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

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

1
w3uiguru 5 Мар 2012 в 08:44

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

0
alex 5 Мар 2012 в 08:01

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

  1. ваш warrior.png имеет ширину 1280 пикселей, а реальный логотип имеет размер 1098 пикселей, тогда почему на этом изображении так много места?
  2. нет обертки из-за этого нельзя ничего центрировать.
  3. сразу после тега body вы выполняете навигацию, так как же будет действовать навигация, если нет родительского div? просто из-за отсутствия обертки все свободно и движется туда-сюда.
  4. У нижнего колонтитула нет заданной ширины, поэтому со временем это может стать большой проблемой.
  5. Ваш заголовок, контент и навигация не имеют никакого отношения друг к другу ...
0
Jack 5 Мар 2012 в 08:24