Images are shown different in IE

[Kirchhofer]

Hi, I have a problem with showing images via IE!
Could you please check my site www.plan-bc.de
The 2 Images are not shown next to each other but one under the other…
What can I do?
And by the way, how can I get the images both at the bottom line?
Thaks a lot!

[christian]

Hey Susanne,

IE requires the image width to be specified.

If you want all your images inside an Image element to span 100% or the column all the time, you can add this code in Theme Options > CSS

.x-image img {
    width: 100%;
}

Hope that helps.

[Kirchhofer]

oh thanks a lot, I added the code and it works!
What about the second question? how can I get the picture of the house to the bottom of the frame?
Woud be great to know!
Thanks!

[thai]

Hey There,

Please add this inline CSS to your row contains 2 columns: display: flex;

After that add this element CSS to your image:

$el { position: absolute; bottom: 0; }

Hope it helps

[Kirchhofer]

Thanks a lot! It seemed to work, but would Y
you please like to have a look at the responsive mobile version…
Now the colums are next to it but not underneath…
What can I do?

[Alaa]

Hi @Kirchhofer

I suggest removing the inline CSS of the row containing both columns, and adding this snippet in the Element CSS section:

$el {
        display: flex;
}

@media (max-width: 767px) {
	$el {
		flex-direction: column;

	}
	$el .x-image {
		position: relative;
	}
}

Thanks.