Как изменить ситуацию отображения?

Question

[Legal Adviser]

Всем привет.
На сайте есть блоки и положка (основной фон), обратил внимание, что если кол-во строк более 4 - 5 в блоке H1, то родительский блок увеличивается по высоте, но при его увеличении фоновое изображение имеет край.
Пример:

Должно быть так:

Как сделать так, чтобы никуда не тянулось или если тянется, то фон не торчал куском?
Пробовал сделать для заголовка:

max-width: 200px;
    display: block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

Но как-то топорно тогда выглядит заголовок...
Может у кого будут предложения как-то что-то изменить, чтобы было то, что нужно?
Страница с косяком (звучит прикольно ;) )

Comments

[Ankhena]

background-size: cover
Либо ограничивать заголовок.

[Legal Adviser]

Думал про этот вариант

Либо ограничивать заголовок.

[Legal Adviser]

Ankhena,

Либо ограничивать заголовок.

Есть ли вариант ограничить только средствами CSS?
Я имею ввиду, чтобы было по кол-ву символов или не более 3-4 строк, а далее многоточие..
Просто я пока разобрался лишь с тем, чтобы при длине ограничить:

max-width: 200px;
    display: block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

[Ankhena]

Legal Adviser, задать максимальную высоту, посчитав её в em и обрезать overflow

Answer 1

[Александр Осадчий]

Это, если я правильно понял ваш вопрос:

Это в CSS

.f_main_wrapper {
	background-size: cover;
}

Comments

[Legal Adviser]

Это, если я правильно понял ваш вопрос:

- верно.
Я и сам уже увидел эту ошибку )))
+ к этому добавил:

background: url(../img/***.jpg) no-repeat 50% 100%;
    background-size: cover;

Сравнил с проектом на локалке и оказалось, что случайно затёр кое-что...