1. 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

Discussion in 'Resolved Bug Reports' started by Moddis, May 19, 2013.

  1. Moddis

    Moddis Active Member

    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.​
     
  2. Mike

    Mike XenForo Developer Staff Member

    It's a browser rendering issue, likely related to a rounding bug. Not much that we can do about it.
     
  3. Moddis

    Moddis Active Member

    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:)
     

Share This Page