Streaming live at 10am (PST)

Internet Explorer 11 trouble with parallax and flexbox styles


#1

Hey guys,

I just wanted some help to fix this problem I’m having on IE 11 Browsers. The picture is attached. The background image is just not fixed anymore to the whole of the width of the section.

Can anyone explain me whats the issue here?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Plus all of the text alignment is starting from the top of my section.



Can someone please help!


#3

Read only link https://preview.webflow.com/preview/weaversweb?utm_source=weaversweb&preview=8462ddfc75989926f2503404b00d736a


#4

Hi,

U are use to cash property for full background on the page

CSs property background : cover


#5

how do you do that? can you please direct me how to achieve that


#6

Now are many css 3 features are add property to used for css backgrounds go to the cover property of css to use now only for background


#7

I cant seem to understand you! Would I be asking too much if you can just record a video or something! https://preview.webflow.com/preview/weaversweb?utm_source=weaversweb&preview=8462ddfc75989926f2503404b00d736a

here’s the preview link! can you guide me with some pictures or anything! Thanks a load! :slight_smile:


#8

Flexbox is only partially supported in IE. I suggest removing IE from your requirements, otherwise do not use flexbox at all.


#9

Hello, Guys

I have been at the forum for a quite a while, been posting questions and gotten some really good answers, but unfortunately, I’m getting stuck at one major problem, which is parallax effect.

My design is this! Weavers%20Landing%20Page%20v3 There are multiple colorful bold lines all over the page which needs to be parallax. I think I figured how to do it but then the problem came on different sizes of the devices.

Example attached here —>image
image

Here’s the read-only link! https://preview.webflow.com/preview/weaversweb-2?utm_source=weaversweb-2&preview=48dfff81d1b732839f6ae1f9c6fc4b86

Please if anyone can fix this.


Internet Explorer issues and parallax issues
#10

I need someone to explain to me why IE is giving me weird alignments and how can I fix this?

image

Other than that! how can I use images to overlap sections and be parallax? all the images will be either on the left start of the canvas or right!

Something like this! like the RED LINE OVERLAPPING THE TWO SECTIONS!

image

And would anyone be able to show me how to have parallax scrolling on this!

These 3 issues are the only problem which is stopping me to love this platform! please someone help me. The client is waiting for deliverables and I’m just stuck and I have no idea how to fix this thing!

https://preview.webflow.com/preview/weaversfinals?utm_source=weaversfinals&preview=2913ae4e518da218a4958fdeeddc8a06


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#11

Hi @shzyb

I see @donaldsv gave you lots of help here: Need Help in Developing A Website For Client

Did you get those things implemented ok?

It looks like your first issue with IE - will be because those items use Flexbox which doesn’t work well on that old browser - see caniuse.com

For Parallax scrolling see this short tutorial, and then a longer workshop by @PixelGeek


#13

I have done a website with webflow (www.janadasilva.com) and the parallax effect that I did in the home page is no displaying correctly in Firefox and Explorer (it displays correct in Chrome, Safari and Ipad). How can I fix the parallax effect on Firefox and Explorer without to affect the other browsers?

Thanks so much for your help.
Regards,
https://akinator.ooo/ https://xender.vip/ https://kik.onl/


#14

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.