I have a border for each image over a series of images rendered at 1px solid white
They show up fine in firefox, but the bottom border is missing on each image in chrome.
with chrome’s inspector, I see that I can set it to 2px solid white… and everything shows up fine.
My immediate fix is to increase the bottom border to 2px. The bottom border naturally shows as thicker in firefox… but it solves the issue of not having a bottom border in chrome (latest versions).
Want to understand what’s going on, and would like to know if there is a more elegant solution?
Firefox generally has many issues. We’re running into various issues with FF on different themes, sites, etc. — everything perfect in every platform, OS, mobile device … *except* Firefox. So, I often suspect that browser as being less than perfect these days. However, I’m sure Lucian or one of the other support techs will be able to give you better answer when they get back in (closed weekends). Likely a simple CSS addition to the custom CSS panel might work.
Thanks, Christopher!
The ironic part that shocked me is, the problem in this case isn’t firefox, but chrome.
This has left me particularly curious.
Hi,
Thanks Christopher!
@xochipelli
I’m not sure why this is happening, many can cause this, you should consider using the css snippet below to target just chrome and apply the style you want:
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*Chrome CSS here*/
}Hope this helps!
Thanks
Ultimately, it seems as though it is a container/image issue.
The best solution seems to be applying the border to the image rather than the container.
Chrome seems to prefer this solution, while FF seems good with it either way.
