Different appearance of images/logo in different web browsers

Hi!

I have a problem that one image disappears in IE and Firefox and that the logo of the site gets cut of in chrome and firefox and in IE it shows with low resolution.

This is the print screens where the lines/image are missing:

This is the print screen with the cut logo:

This is the print screen with the blurred logo:

An idea how to fix this?

Here is my read-only link: https://preview.webflow.com/preview/idrottsrabatten?preview=b09c637a21af0764ef81185623923b20

Its on the “Sälj Häften” page were the “lines” problem exist,

Thanks!

I have solved the logo problem by uploading a .svg-file. But I couldnt use the same method on the other image problem.

@Anna_Kelian

Hi! Do you have any idea how to fix the line image problem?

Hey @Erik

I see you’re using actual images for the lines. For some reason, Firefox and IE aren’t displaying that 1px image.

I would suggest using a div with height:1px; and add a background-color to it and use that as a line. I tested it it should work fine on all browsers.

​Hope this is helpful.

That made the trick @AnnaKelian. Thanks for awesome support again! :smiley:

1 Like

You are most welcome @Erik!

Good luck with your project!

All the best,
Anna

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