CSS Positioning inconsistent across browsers
I have this cute little svg/psedo-element positioned 12px to the left from the border of the parent element... In chrome, it looks okay, but in firefox and microsoft edge looks much farther away than i have set.
Its parent has
I do have a css reset applied,. I also inspected to check if firefox was adding styles that weren't in my reset, but that doesn't seem to be the case...
Their computed values seem correct... 64px wide, and 12px to the left as shown in the image... So I can't think of anything else to check, or maybe I'm just too tired to think
codepen: https://codepen.io/bavosadev/pen/vEBQbqm
Its parent has
position: stickyposition:absoluteI do have a css reset applied,. I also inspected to check if firefox was adding styles that weren't in my reset, but that doesn't seem to be the case...
Their computed values seem correct... 64px wide, and 12px to the left as shown in the image... So I can't think of anything else to check, or maybe I'm just too tired to think
codepen: https://codepen.io/bavosadev/pen/vEBQbqm
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
