Избавляемся от нежелательного элемента макета на веб-странице - PullRequest
Новая
       37

Избавляемся от нежелательного элемента макета на веб-странице

1 голос
/ 01 мая 2011

Что это?

enter image description here

А как мне от этого избавиться? Актуальная веб-страница здесь .

Ответы [ 6 ]

6 голосов
/ 01 мая 2011

Удалить min-width: 640px из вашего .singleinfo класса css

4 голосов
/ 01 мая 2011

Минимальная ширина для класса singleinfo установлена ​​на 640px, тогда как фоновое изображение имеет ширину всего 630 пикселей. Вы можете установить режим без повтора на фоне или изменить min-width на 630px.

3 голосов
/ 01 мая 2011

Это фон div.singleinfo повторения. Чтобы избавиться от него, добавьте no-repeat к свойству background, чтобы оно стало: 

background: #F7F7F7 url(images/macmet.jpg) bottom left no-repeat;
2 голосов
/ 01 мая 2011

Измените style.css , чтобы получить: 

.singleinfo {
    background: url("images/macmet.jpg") no-repeat scroll left bottom #F4F4F4;
    font: 12px Georgia,Arial,century gothic,verdana,sans-serif;
    margin: 0;
    max-height: 20px;
    min-width: 640px;
    padding: 5px 0 15px;
}

Это исправление было протестировано и работает нормально:

  • Mozilla Firefox 4 .0.1
  • Internet Explorer 9 .0,8112.16421
  • Опера 11.10 .2092
  • Google Chrome 11 .0,696.60

use firebug

2 голосов
/ 01 мая 2011

Помимо значения по умолчанию для повторяющегося фона, вы также устанавливаете цвет фона, несовместимый с остальной частью страницы. 

.singleinfo { background: #F4F4F4 url(images/macmet.jpg) bottom left no-repeat; }

Правильно отображается в Chrome 11 в Windows.

1 голос
/ 01 мая 2011

измените background свойство вашего класса .singleinfo на>

background: url("images/macmet.jpg") no-repeat scroll left bottom #F7F7F7

...