flexbox not in IE

User 450830 Photo


Registered User
139 posts

I have a small problem with the flex in the IE browser, the text does not degrade see image
http://schilder-vanveen.nl/house.jpg
view larger image
http://schilder-vanveen.nl/house.jpg

project http://schilder-vanveen.nl/House styling nieuw.rsd
User 271657 Photo


Administrator
3,816 posts

Ger, I haven't had a look at Flexbox in RSD, so don't have an answer for you.
In Firefox, there's white space to the left of the photo and to the right of the paragraphs.
In IE11, I'm seeing a horizontal scroll bar under the photo and paragraphs (and no white space on the sides).
Do you have a width or max-width set for that section?
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 379556 Photo


Registered User
915 posts

The 'CoffeeCup Guide to DESIGNING WITH FLEXBOX' automatically appears if one goes to File > New in the RSD beta. In the section entitled 'Manipulating the flex layout' it says the following: "I also added a max-width. In theory this would not be needed since the margin takes care of it all… Unfortunately, there’s a bug in IE where paragraph text in a flex-container does not wrap. The max-width is used to battle the issue."

Frank
User 450830 Photo


Registered User
139 posts

hi paintbrush and frank cook thanks for your response, I had this problem before with flexbox if I wrote one myself html and css in an editor.

After reading what Frank told, I've changed settings.
First I had width 100% i changed it to auto.
flexbox for block 1 is now.
alihn self stretch. flex grow 1, flex shrink 1, flex base 0, auto off
flexbox for block 2 is now.
alihn self stretch. flex grow 3, flex shrink 1, flex base 0, auto off
So I now understand that it is better for IE to determine the width of the institution flexbox flex grow.

These settings work in IE
thanks

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.