Получить 2 изображения по вертикали

Question

Получить 2 изображения по вертикали

0

Я хотел бы по вертикали выровнять два изображения (с разной высотой, но с той же шириной) И заставить оба они подгонять экран. Я мог бы поместить их в разные div. Центрированный или нет. Не имеет значения. (они должны соответствовать экрану)

Я уже прочитал некоторые сообщения об этой проблеме, но безуспешно.

Я бы решил эту проблему с помощью css, но я мог бы использовать javascript или jquery.

Любая помощь будет оценена.

образец изображения (рисунок изображения и нижняя часть голубой полосы):

здесь код:

<html lang="en">
<head>
<style>

  body {
   font: 24px Helvetica;
   background: #999999;
  }

  #main {
   min-height: 800px;
   margin: 0px;
   padding: 0px;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
   }

  #main > article {
   background-image: url("http://frisketti.altervista.org/img/sfondo.jpg");
   -webkit-flex: 3 1 60%;
           flex: 3 1 60%;
   -webkit-order: 2;
           order: 2;
   }

 footer {
   display: block;
   min-height: 100px;
   background: #ffeebb;
background-image: url("http://frisketti.altervista.org/img/footer.jpg");
   }


 </style>
 </head>
 <body>

<div id='main'>
    <article></article>
</div>

 <footer></footer>
  </body>
</html>

user2302636 23 окт. 2013, в 16:24

Источник

4

Это изображение сверху вызывает беспокойство.
Kuzgun 23 окт. 2013, в 14:22
2

Некоторый код, пожалуйста.
j08691 23 окт. 2013, в 14:25
0

@ сейчас я не могу: A- Получить изображения, соответствующие экрану B- Этот код не работает должным образом в Safari.
user2302636 23 окт. 2013, в 15:20

Показать ещё 1 комментарий

Теги:

html

css

alignment

1 ответ

Ещё вопросы

Это изображение сверху вызывает беспокойство.
@ сейчас я не могу: A- Получить изображения, соответствующие экрану B- Этот код не работает должным образом в Safari.

David · Answer 1 · 2013-10-23T12-47-00.000Z

Свойство vertical-align не работает с минимальной высотой. Он работает с высотой или дополнением.