Problems With How Internet Explorer Renders Floats

Design help General
1

Ok, so i have been having some problems with how the navbar appears on internet explorer and edge. As you can see in the image below, it is moving extra content down and also adding extra space between the social icons.

1306×402 213 KB

Every object on the left is float left, and every object in the right is float right. I suspect there is some problem with this method. Thanks for any help in advance.

2

Can you please post the read-only link?

I’ve found that this issue occurs when you don’t have a set height on the parent container for IE.

3

Here you are @Waldo

https://preview.webflow.com/preview/gwhomes?preview=322b7ec1bcb4998a8a895d6af2864d94

4

Hey @jwes you need to give your social bar a width, & height, and all of it’s parent containers need a height (in pixels). That should fix the issue in IE. :smile:

Thanks,

Waldo

5

Thanks, I think that fixes it

1 Like
6

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