We help IT Professionals succeed at work.

Thin line showing in Website navigation div in new Chrome 69

Mark B
Mark B asked
on
153 Views
Last Modified: 2018-09-30
Hello- I am investigating a rendering change in the navigation dropdown on http://campaigns.alphagraphicsseattle.com under Chrome 69.0.3497.100 (Official Build) (64-bit). See attached screen where I've circled a thin line showing in the drop down navigation. I've confirmed the thin line does not show under Edge, Firefox and Safari and also including previous Chrome 68. I've tested with Mac and Windows Chrome 69.0.3497.100 and also Chrome Beta and Dev versions and yield the same result. Will we need to re-develop the site's navigation to render this ok under Chrome 69 and beyond or is there perhaps a related item on the docket that would resolve this in a future release. I'm interested if anyone sees a fix to this issue? Perhaps a small adjustment to the CSS?
Comment
Watch Question

Jason CarsonComputer Technician
Top Expert 2015

Commented:
Check this part out...
<div class="left"></div>

Open in new window


The css for that is ...
.left, .right {
    background: url(https://cdn.121.ag/sem/ag/skin2/images/skin/bg-left2.png) repeat-y;
    width: 21px;
    display: table-cell;
}

Open in new window


Remove that background.
Mark BDirector IT

Author

Commented:
Hi Jason, thanks for feedback, that didn't seem to work, so I've just decided to remove the image backgrounds in all the divs in the dropdown and apply a background color to all divs and that seems to 'fix' the issue. Here's a sample http://dev.alphagraphicsseattle.com/. I'm not sure what Google changed in Chrome v69, but we can live with this compromise for now.
Computer Technician
Top Expert 2015
Commented:
This problem has been solved!
(Unlock this solution with a 7-day Free Trial)
UNLOCK SOLUTION

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions