Размер фона: обложка и текст на странице с горизонтальной прокруткой

Question

Я пытаюсь сделать очень простую HTML-страницу с горизонтальной полосой прокрутки, которая содержит только одну большую картинку (с background-size:cover) слева и длинный текст с колонками справа на обложке.

Я думаю, что моя проблема о position:relative (с поплавком) и position:absolute (слева), но мне не удается это исправить. На данный момент изображение обложки в порядке, отображается вверху слева. Но текст отображается в правом нижнем углу (а не в правом верхнем углу обложки).

Не могли бы вы мне помочь?

Вот демоверсия, показывающая, что я сделал: http://jsfiddle.net/kz5ch49w/38/

Answer 1

Если я правильно понял вас, то вам нужно добавить текст в ваш идентификатор обложки, а не в отдельный div. Тем не менее, вы можете изменить свою позицию идентификатора обложки на абсолютную и относительную позицию к вашему текстовому элементу.

#cover { position:absolute; /* other stuff */ }

а также

#text {  position:relative; /* other stuff */ }


http://jsfiddle.net/kz5ch49w/46/