[Bug]: The web interface is confusing

[xeastsun]

Is there an existing issue for this?

• [X] I have searched the existing issues and checked the recent builds/commits

What happened?

I installed the system according to the instructions of AUTOMATIC1111/stable-diffusion-webui, but when I opened the browser and typed http://127.0.0.1:7860/, the page displayed was confusing. However, the basic function is normal, generating pictures based on prompt. The screenshot is here:

In Google Chrome, screenshot of F12：

Steps to reproduce the problem

1. Install AUTOMATIC1111/stable-diffusion-webui
2. Open a browser (Google or edge) and type “http://127.0.0.1:7860/”
3. The cluttered interface is displayed

What should have happened?

A normal web page, like the screenshot on the website https://github.com/AUTOMATIC1111/stable-diffusion-webui/blob/master/screenshot.png

Commit where the problem happens

5c9f2bb

What platforms do you use to access the UI ?

Windows

What browsers do you use to access the UI ?

Google Chrome

Command Line Arguments

NO

List of extensions

NO

Console logs

The output of wewe-user-bat：
venv "F:\AI\stable-diffusion-webui\venv\Scripts\Python.exe"
Python 3.10.6 (tags/v3.10.6:9c7b4bd, Aug  1 2022, 21:53:49) [MSC v.1932 64 bit (AMD64)]
Commit hash: 5c9f2bbb7473c7085dc961bbf81d5248a4859e90
Installing requirements for Web UI
Launching Web UI with arguments: --xformers
Loading weights [fe4efff1e1] from F:\AI\stable-diffusion-webui\models\Stable-diffusion\sd-v1-4.ckpt
Creating model from config: F:\AI\stable-diffusion-webui\configs\v1-inference.yaml
LatentDiffusion: Running in eps-prediction mode
DiffusionWrapper has 859.52 M params.
Applying xformers cross attention optimization.
Textual inversion embeddings loaded(0):
Model loaded in 9.4s (load weights from disk: 4.5s, load config: 0.1s, create model: 0.5s, apply weights to model: 0.9s, apply half(): 0.9s, move model to device: 0.9s, load textual inversion embeddings: 1.6s).
Running on local URL:  http://127.0.0.1:7860

To create a public link, set `share=True` in `launch()`.
Startup time: 17.7s (import gradio: 3.1s, import ldm: 1.2s, other imports: 2.1s, load scripts: 1.3s, load SD checkpoint: 9.7s, create ui: 0.2s).

Additional information

No response

[hananbeer]

could be css problem. maybe you deleted it or have an extension that messes with it? try a different browser or in incognito maybe

also it could be the sd-web-ui-quickcss extension try disabling it

[xeastsun]

could be css problem. maybe you deleted it or have an extension that messes with it? try a different browser or in incognito maybe

also it could be the sd-web-ui-quickcss extension try disabling it

[xeastsun]

How do you deal with it? Does anyone know?

[xeastsun]

I found the cause of the problem and the solution. This problem is caused by errors in the CSS file type information in my computer registry, which leads to errors in CSS parsing and application. Solution: According to the above image to locate, and modify the last Content Type and PerceivedType. Finally, reboot the machine, delete the browser cache, and force refresh the web page (shift+f5). Thanks to https://www.bilibili.com/read/cv19519519