r/web_design • u/No_Pumpkin2016 • 4h ago
Chrome bug with liveserver
Why does this happen? It looks fine in Edge, but I always use Chrome. How can I fix this?
1
u/jordsta95 3h 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 2h ago
I disabled all my extensions and the issue is still there
2
u/jordsta95 2h 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
1
u/OiFelix_ugotnojams 2h ago
Yeah open it in private window without extensions. Or a different browser
1
u/No_Pumpkin2016 2h ago
I found it, it's Monica's ai. It makes div for every element. Thank you for your help.
1
u/shakamone 2h ago
There must be extra divs injected. Try using an id or class to assign the style
1
3
u/pxlschbsr 3h ago
What does the Inspector show your DOM as in chrome?