• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Browser issue Small CSS issue when zooming in/out of page

Moddis

Active member
#1
I'm not sure how much of a bug this is but I noticed this on my modded style and didn't know how to fix it. Then i noticed that same issue was with the default template.

When you zoom in or out, at certain zoom levels the bottom border disappears from Breadcrum links (Home, Forums, Public Forums). If you remove the overflow element then the fotter shows up but its not exactly aligned with the rest of the border line.
Zoomed1.jpg
Zoomed2.jpg
Not a css expert so don't know if this is can be easily fixed.​
 

Mike

XenForo developer
Staff member
#2
It's a browser rendering issue, likely related to a rounding bug. Not much that we can do about it.
 

Moddis

Active member
#3
Ok, seems I was able to get it fixed..

I just slapped the following into the Extra.css to get rid of the redundant bottom border since one already exists around the entire .breadcrumb and removed the -1px margin under those nav buttons.



Code:
.breadcrumb .crust a.crumb {
margin-bottom: 0;
border-bottom: 0;
}

I hope I didn't break anything else by doing that but so far everything looks great:)