Collage doesn’t correctly scale with float

  • When I set float: left (in order to have text on the right of the collage), it does not scale the collage, as long as the window is bigger than around 640px (but a collage of width say 780px should scale at window size 780px and below). Under 640px it scales correctly, but when I then enlarge the window, it again doesn’t scale the collage bigger (have to reload the page). Example:

    <https://www.westmeyer.ch/wpress/produktgestaltung/&gt;

    As soon as I remove the float (set align), it works correctly. Example:

    <https://www.westmeyer.ch/wpress/produktgestaltung/stuehle/&gt;

    But then I can’t have text in the column right of the collage. Is this a bug that can/will be fixed? Is there another way to achieve my goal?

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter namoras

    (@namoras)

    Sorry, the links didn’t get through in the posting. Here they are again:

    Not working: https://www.westmeyer.ch/wpress/produktgestaltung/

    Working: https://www.westmeyer.ch/wpress/produktgestaltung/stuehle/

    Plugin Author Brecht

    (@brechtvds)

    The collage seems to be behaving as expected. It just resizes as soon as it can’t fit inside the available space anymore. The text moves below as soon as the text can’t fit inside the available space anymore.

    Nothing goes outside of the window, so everything seems to work fine.

    You’d want to look into using a CSS media query to make the collage smaller once the window reaches a certain width (like that 780px you mention).

    Brecht

    Thread Starter namoras

    (@namoras)

    Thank you for the quick answer!

    The behavior is different here: It doesn’t resize, as I wrote above, and it definitively goes outside the window, see screenshot:

    https://www.rbits.ch/tmp/Bildschirmfoto_2018-01-16_08-14-14.png

    The behavior is exactly the same in Vivaldi, Chrome and Firefox, so I guess, there must be something…

    The tip with the media query is good for exactly one collage at a time. But as soon as my customer creates another one, I would have to create another customized media query, since the behavior depends on the width of the collage. This way, it would miss the point of the customer being able to do these things himself.

    Thank you!

    Plugin Author Brecht

    (@brechtvds)

    You’re right. When you start small, make the screen wider and then go back it works but not the other way around.

    The problem is with the JS library we use for resizing. It basically does not work on floated elements. To counter that we have added a media query ourselves that removes the floating when a screen gets smaller than 600px which is enough in most cases.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Collage doesn’t correctly scale with float’ is closed to new replies.