Hello,
I'm having a problem with a footer which will not automatically increase in height when a row within
it is wrapped using 'flex'.
There's an example at: http://new.gigaplusargyll.co.uk
The footer contains a row of content (three divs), under which there is a div of logos (images). I
have set the logo div to 'flex-wrap: wrap;' so that when the screen width is reduced the logo images
form a second (or even third or fourth) row.
That part works as intended, but I cannot get the size of the footer (dark background) to expand.
I've set 'overflow: visible' so the additional rows can be seen falling out of the footer.
[NOTE about my method]
The three content divs and the logo div are themselves flex children of the footer and the sizing of
the content divs is set (33.33%) so the logo div HAS to wrap under the content. It's like that
because I have an alternative layout where the logos form a fourth horizontal div with the logos
themselves in a column (achieved by reducing the width of the content divs).
Googling around has shown there are (or have been) problems getting element WIDTH to increase with
flex in column mode, but I've not seen the same for rows, which is what I have here.
I'm aware that there are other issues in the body of the page when the screen width is reduced, but
it's the footer that concerns me here. Any suggestions, please?
Regards,
Tim Dawson
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
01681 700718
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
