как я могу сделать фон до тех пор, как страница?

Question

У меня возникла проблема с веб-сайтом, который я меняю. Фон страницы не продолжается, как баннеры, которые я поставил по сторонам, и сайт выглядит ужасно из-за этого. Не могли бы вы помочь мне выяснить, как продлить фон контейнера до тех пор, пока баннеры (1500px)? Прошу прощения, мое описание проблемы настолько расплывчато, я помещаю ссылку на сайт с проблемой, чтобы вы могли лучше понять, что я имею в виду. Это http://gentlecare.ro/index.php?route=information/information&information_id=6

спасибо, Iris

Answer 1

Вы можете использовать фон-размер имущества. Ограничено современными браузерами. Вы также можете просто увеличить фоновое изображение.

Answer 2

Вам нужно положить

<div style="clear:both"></div> 

до конца вашего container-inner DIV, чтобы растянуть контейнер для его содержания

Или лучше использовать CSS Clearfix Best Cross browser solution

Answer 3

кажется, у вас есть ошибка синтаксиса CSS :

#column_left { 
    float:left; 
     width:230px; 
     clear:; // needs to be "clear:both" 
     padding:30px 0 0 10px; 
       } 

Answer 4

<div id="container-inner"> 
<div id="header"> 
<div id="column_left"> 
<div id="column_right"> </div> 
<div id="content"> 
<div style="clear:both"></div>// add this 
<div id="footer"> 
<div style="clear:both"></div>// add this 
</div> 

и это

#container { 
     background-image: url("../image/layout/bg-container.jpg"); 
     background-size: 990px 1518px; 
    } 

#footer { 
    background: url("../image/layout/bg-footer.jpg") no-repeat scroll center top transparent; 
    bottom: 0; 
    height: 60px; 
    margin: -130px 0 0; 
    padding: 70px 20px 0; 
    position: relative; 
} 

Answer 5

Поскольку баннеры имеют фиксированную высоту, можно добавить один и тот же атрибут высоты к вашему #container ид.

#container { 
width: 990px; 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
background: url(../image/layout/bg-container.jpg) center 0 repeat-y; 
height: 1504px; 
}