Textpattern CMS support forum

You are not logged in. Register | Login | Help

#11 2019-01-03 12:17:03

Gallex
Member
Registered: 2006-10-08
Posts: 1,103

Re: CSS: margin below image

i don’t want to change alignment.

and, if .sec-left and .sec-right has set overflow:hidden , it won’t display background-color in any side of .sec-left > div and .sec-right > div anyway

Offline

#12 2019-01-03 12:52:09

Pat64
Plugin Author
From: France
Registered: 2005-12-12
Posts: 1,239
Website

Re: CSS: margin below image

Who said you to add overflow: hidden on the .sec-left and sec-right blocs?

Sorry but I can understand what you want…

Offline

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

Gallex
Member
Registered: 2006-10-08
Posts: 1,103

Re: CSS: margin below image

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

here, first block with picture demonstrates it

Offline

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

Gallex
Member
Registered: 2006-10-08
Posts: 1,103

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.

Offline

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

Gallex
Member
Registered: 2006-10-08
Posts: 1,103

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;
}

Offline

Board footer

Powered by FluxBB