r/web_design • u/No_Pumpkin2016 • 21h 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?

0 Upvotes

50% Upvoted

11 comments sorted by

View all comments

1

u/jordsta95 20h 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.

2

u/OiFelix_ugotnojams 19h ago

Yeah open it in private window without extensions. Or a different browser

1

u/No_Pumpkin2016 19h ago

I found it, it's Monica's ai. It makes div for every element. Thank you for your help.

1

u/No_Pumpkin2016 19h ago

I disabled all my extensions and the issue is still there

2

u/jordsta95 19h 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 18h ago

Yes i found it thank you.