CODEWITHSUNDEEP
google-chrome
Raul Leaño Martinet
Raul Leaño Martinet

Reputation: 2113

Weird horizontal and vertical lines in google chrome

The problem is that google chrome shows some weird vertical and horizontal lines in my website. I think is a render problem but I'm not sure.

Google chrome version is 18.0.1025.168

You can visit the website here: http://www.plastic-data.com/hotel/

And here, the screenshoot:

enter image description here

And i have checked for extensions, my google chrome doesn't have any.

Upvotes: 7

Views: 30692

Answers (7)

Andy Guibert
Andy Guibert

Reputation: 42926

Just ran into this issue, although I had multicolored horizontal lines instead of vertical lines like this:

enter image description here

One of the comments described in this post by @Cat-Friend finally fixed the issue after much searching.

To fix this issue:

  1. Open the Settings page in Chrome (chrome://settings)
  2. Search for hardware acceleration
  3. Disable Hardware Acceleration

Upvotes: 0

Frank Jing
Frank Jing

Reputation: 91

Mac with Chrome version 89.0.4389.90. The method @cybersholt and @Alex_J provided solved it for me (though the option is slightly different for Mac users):

  1. Type chrome://flags in URL bar

  2. Go to GPU rasterization (currently default).

  3. Set to Disabled

Upvotes: 9

nikhil
nikhil

Reputation: 615

This worked for me..!

1) Type chrome://flags in URL bar

2) Click on "Reset all to default" at the top near to "search flags".

Upvotes: 3

kira
kira

Reputation: 1

had the same problem. had to Disable this: 1) Type chrome://flags in URL bar 2) Locate the following entry "Composited render layer borders". BiG thanks for the tip!

Upvotes: 0

Alex_J
Alex_J

Reputation: 11

I also had the same problem with 45° horizontal white dashed lines repeating on any website in chrome with a solid color background. It was happening on multiple computers with only using the chrome browser. @cybersholt solution fixed the problem.

1) Type chrome://flags in URL bar

2) Go to GPU rasterization MSAA sample count (which should be set to default).

3) Set to 0

Upvotes: 1

ivy
ivy

Reputation: 37

I Hope the following steps work for you!

Follow the steps:-

1) Type chrome://flags in URL bar

2) Locate the following entry "Composited render layer borders"

3) Make sure it is set to "Enable"

4) Restart your browser and then check!!

Upvotes: 2

Zuul
Zuul

Reputation: 16269

The problem is not on the browser, neither on your website, I tested here on my installation of Google Chrome 18.0.1025.168, and no problems found as you can see on the image below:

enter image description here

Note:

I had that problem in the past, and was a graphic driver problem.

I believe that it is a graphic driver problem on the computer you are using!

Upvotes: 1

Related Questions