2016-12-20 28 views
-2

Я добавил баннер на веб-страницу www.torontopoet.com/etsystories, а теперь под баннером находится огромный кусок пробела перед началом содержимого. Это код, который я использовал для баннера:Огромное заполнение баннера

<div id="banner"> 
</div> 
<style> 
html,body 
{ height:100%; 
width:100%; 
} 
#banner { 
background:url('.png'); 
width:100%; 
height:100%; 
background-size:100%; 
background-repeat: no-repeat; 
margin-left: auto; 
margin-right: auto; 
} 
</style> 

ответ

1

Не видя ваш HTML тоже, я действительно ничего не могу сказать, но ...

#banner { 
background:url('.png'); 
width:100%; 
height:100%; <!--- ? ---> 
background-size:100%; 
background-repeat: no-repeat; 
margin-left: auto; 
margin-right: auto; 
} 

Вы уверены, что хотите, знамя быть на 100% от высоты его контейнера?

+0

Возможно, нет? Если я изменю высоту на количество px, пробел исчезнет, ​​а затем содержимое может покрыть баннер при искажении размера браузера. –

+0

На самом деле нужно видеть HTML, прежде чем я могу сказать что-нибудь разумное об этом ... –

+0

Привет, Дэвид, сайт www.torontopoet.com/etsystories –

0
html,body 
{ 
height:100%; 
width:100%; 
} 
#banner 
{ 
background:url('http://cdn2.hubspot.net/hubfs/418991/realview.jpg'); 
width:400px; 
height:251px; 
display:block; 
background-size:cover; 
background-repeat: no-repeat; 
margin:0 auto; 
} 
+1

Объясните, как этот код поможет OP. – Gattsu

+0

, если вы указали правильную высоту и ширину, тогда баннер обложки изображения полностью обрезает всю область и не имеет проблемы с белым интервалом. – Payal2299

+0

** Поскольку этот ответ был помечен как несоответствующий. ** (не ответ). Лучше отредактируйте свой ответ и добавьте информацию о том, как это решит проблему ОП. Вот почему я говорю это снова, чтобы этот ответ не был опущен и удален в будущем [Модераторы] (http://stackoverflow.com/help/site-moderators) – Gattsu