▼
Streaming live at 10am (PST)

[Resolved] One container is weirdly floating left in IE 11 but not any other browsers

#1

Hi all,

My clients site is live now and the hero container is weirdly floating left in IE 11 but not any other browsers.

http://www.trevianwealth.com/

This is the IE version number: 11.0.9600.17691

Attached are the screenshots I've received. I don't have a windows computer so I can't check this out myself.

Here is the public editor link: https://preview.webflow.com/preview/twm?preview=ff5f9bbba07ccf92cdba2787d3e4a1f5

Thanks for helping!

IMG_9386.JPG1632x1224 545 KB

IMG_9387.JPG1632x1224 485 KB

Hero Area not centered in IE
Element in Internet explorer is not centered as it is in Chrome
Hero section left aligned only in IE, no idea why?
#2

I experience the exact same problem. @cyberdave?

#3

from what I can tell it is the absolute position in your hero-container class that is interfering with the w-container class in IE.

#4

Hmm. Try making that area and maybe the individual components "inline-block". Looks like it's not just an IE 11 issue but in IE regardless of version.

#5

I would remove the hero-container class and use padding on the hero class to position your content vertically, then see what happens.

#6

I just tested this approach with IE developer tools and it fixed the problem.

#7

Thanks all for the help! The issue is now fixed smile

Simply by switching from absolute to relative for the hero container

closed #8