Developer forum

Forum » Swift » Element differs in width in different browsers

Element differs in width in different browsers

E-mail notifications
Joakim Sjöbäck
Reply
Posted on 23/11/2023 13:50:41

As title says im using a Swift default setup for a project, and somehow the container behaves different, i.e different width. In the pictures you can see the same container using the class .container-xl setting the max-width of the container. Yet somehow its different when viewed in another browser(edge).

Is Swift not supported for cross-browser? Is there some additional css I must apply in order to make the behaviour persist across browsers?

This is tested in Chrome and Edge(see image).

 

Thanks in advance,

edge-chrome.png

Replies

 
Karsten Thuen Dynamicweb Employee
Karsten Thuen
Posted on 24/11/2023 13:37:03
Reply

Hi Joakim

Swift should work fine across different browsers. We need a little more context to be able to understand the issue. It is not possible to see what you are testing on the images.

Here is a test. Crome at the top. Edge at the bottom. I added the red lines.

 

Best regards
Karsten Thuen

 
Joakim Sjöbäck
Posted on 01/12/2023 11:05:20
Reply

Yes the content is center aligned but the outer width of the container seems to be different, yet has the same css value. In the attached picture you see edge on 1. and chrome on 2.

carpings.png

 

You must be logged in to post in the forum