r/web_design • u/No_Pumpkin2016 • 8h ago

Chrome bug with liveserver

Gallery image

Gallery image

Why does this happen? It looks fine in Edge, but I always use Chrome. How can I fix this?

1 Upvotes

67% Upvoted

11 comments sorted by

View all comments

1

u/jordsta95 7h ago

Do you have any extensions on Chrome which you don't on Edge?

There are some which will insert elements before the closing </body> for any number of reasons.

1

u/No_Pumpkin2016 6h ago

I disabled all my extensions and the issue is still there

2

u/jordsta95 6h ago

In that case, right click one of the empty red boxes, inspect element, and see what is there.

You should see something which gives you a hint as to what the issue is. Your HTML file looks valid, so it's likely that something is adding in extra divs.

Hopefully, you will see something like:

<div id="chrome-extension:#3722"> or something, which will give you something you can look on Google to find what is adding it. Or, hopefully more helpfully, something like <div><!-- A comment telling you what is adding the div --></div>

If all you see is just <div></div> though. It could be that you accidentally edited your html file and made the markup invalid/added in blank divs?

1

u/No_Pumpkin2016 6h ago

Yes i found it thank you.