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

Question

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

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

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

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

Answer 1

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

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

и

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


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