Mac / Safari float right and left problem

We recently had a compatibility issue with a design that didnt quite fit in Safari. Example, lets assume you have 2 divs inside a container. This will have the right div flush against the left with no gap between. This is because browsers except Safari assume the container takes up 100% of the space it […]

We recently had a compatibility issue with a design that didnt quite fit in Safari. Example, lets assume you have 2 divs inside a container.

This will have the right div flush against the left with no gap between. This is because browsers except Safari assume the container takes up 100% of the space it lives in when no width is supplied. Adding width 100% to the container solves this in Safari.

Duncan Isaksen-Loxton

Educated as a web developer, with over 20 years of internet based work and experience, Duncan is a Google Workspace Certified Collaboration Engineer and a WordPress expert.
Login
Log in below to access your courses.
Forgot Password
Enter your email address or username and we’ll send you instructions to reset your password.