Textpattern CMS

#13 2019-01-03 13:02:46

Gallex

Member

Registered: 2006-10-08

Posts: 1,289

Re: CSS: margin below image

you said here .sec-content > div {overflow:hidden} . it makes the same.

here, first block with picture demonstrates it

#14 2019-01-04 14:01:12

Gallex

Member

Registered: 2006-10-08

Posts: 1,289

Re: CSS: margin below image

tried to find other ways, and found – no extra margins anymore (added a lot flexbox properties). but now, i cant’ get images aspect ratio correctly to work – IE 11 stubbornly displays orginal height of images.

any ideas? the page.

#15 2019-01-06 11:26:35

Gallex

Member

Registered: 2006-10-08

Posts: 1,289

Re: CSS: margin below image

min-height: 1px; solved the problem. you can read about this flexbox IE 11 image resizing issue from this page

.sec-content > div{
padding-bottom:50px;
display:-ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction:row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 1px;
}