2012-05-26 2 views
0

Мой сайт находится в http://filmblurb.org. Как вы можете видеть, я сделал трюк CSS с тегом min-height, чтобы сделать страницу-контейнер бесконечно прокруткой по вертикали, когда окно будет уменьшено. Проблема в том, что серый цвет с фона (от тега body) перекрывает белый фон в контейнере страниц при первой загрузке сайта. Кто-нибудь знает, почему это так и как я могу попытаться исправить это, чтобы серый всегда оставался в фоновом режиме? Я попробовал все, чтобы исправить это, но я не могу понять проблему.Тема вопроса корпуса

Благодарим за помощь. Я ценю это.

ответ

0

Я не вижу вашу проблему, но я думаю, что это будет работать:

html { 
height: 100%; 
width: 100%; 
min-height: 100%; 
background-color: gray; 
background-attachment: fixed; /* may be overkill */ 
} 
+0

Благодарим за отзыв. Когда я использовал этот код, он сделал свой тег 'html' неправильным при просмотре кода в Chrome. Почему это? Тег 'html' не распространяется до нижнего края окна, когда я его проверял. Но в любом случае, я думаю, что задержка для моей маленькой проблемы с перекрытием может иметь какое-то отношение к скорости страницы, потому что она не делает этого, когда я снимаю объявление. – jtarr523

+0

@ jtarr523 Ну, это будет понятно, почему я не вижу твоей проблемы ... Я использую расширение блокировки рекламы. Тем не менее, я снова посмотрю на ваш код. – Connor

0

В строке 59 в вашем style.css, изменение

html, body { 
    min-height: 100%; 
    } 

в

html, body { 
    height: 100%; 
    } 
+0

Благодарим за отзыв. Но когда я это делаю, мои теги «html» и «body» не распространяются полностью вниз, когда код просматривается в Chrome (когда вы проверяете элемент явно). Любая причина для этого? – jtarr523

+0

попробуйте добавить важный элемент к элементу. Странно, что это не работает, потому что он должен. html, корпус { высота: 100%! Важное; } Он работает до конца, когда я пытаюсь, и да, это элемент управления хромом, но также и Firebug для Firefox. Вы заменили существующий код в своем CSS? Попробуйте создать новый элемент в нижней части style.css (просто вставить код, который я дал вам в этом комментарии) – MNilson

+0

Я сделал снимок экрана CSS, когда он работает в Chrome Проверьте элемент HTTP://i48.tinypic.com/vrrkpe.png И http://i45.tinypic.com/b7gf0m.png – MNilson