Изображения не накладываются ⇐ Python

[Anonymous]

При использовании моего Main.html и его тестировании все изображения на моем экране отображаются так, как должны.
При использовании моего Server.py для локального размещения все изображения складываются и не отображаются. больше не пересекаются.
Я, наверное, что-то упустил??
Мой HTML:

Код: Выделить всё

    Rising Empire's Live Map

[img]images/navbar.png[/img]

[img]images/newone.png[/img]

Мой Server.Py:

Код: Выделить всё

class Serv(BaseHTTPRequestHandler):
def do_GET(self):
print(self.path)
folder = self.path.split(r'/')
print(folder[1])
if self.path == '/':
self.path = r'/main.html'
try:
if( folder[1] != 'images'):
print("Server Thinks this is not an image")
file_to_open = open("Map/"+self.path[1:]).read()
self.send_response(200)
self.send_header("Content-Type", "text/html; charset=utf-8")
self.end_headers()
self.wfile.write(bytes(file_to_open, 'utf-8'))
else:
print("Server Thinks this IS an IMAGE")
self.send_response(200)
self.send_header("Content-Type", "image/png")
self.end_headers()

self.wfile.write(open("Map/"+self.path[1:],'rb').read())
except:
file_to_open = "File not found"
self.send_response(404)

Мой Style.Css:

Код: Выделить всё

.container {
position: relative;
}

*{
margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif;
box-sizing: border-box;
}

.container.image{
left: 2000px;
margin-top:300px;
position: absolute;
}

.container.border{
left: 2000px;
margin-top:300px;
position: absolute;
}

/* The navigation bar */
.navbar {
overflow: hidden;
position: fixed; /* Set the navbar to fixed position */
padding: 0;
top: 0; /* Position the navbar at the top of the page */
width: 100%; /* Full width */
}

/* Links inside the navbar */
.navbar a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

.navbar a:hover {
background-color: #ddd;
color: black;
}

.main {
padding: 16px;
margin-top: 30px;
height: 1500px; /* Used in this example to enable scrolling */
}
svg path:hover {
fill:rgb(255, 255, 255);opacity:1;
cursor: pointer;
}

.img-overlay-wrap {
display: inline-block; /* 

Подробнее здесь: [url]https://stackoverflow.com/questions/78996367/images-dont-overlay[/url]