CSS-Positionsprobleme in Microsoft Edge ⇐ CSS

[Anonymous]

Ich bin keineswegs ein Webentwickler, ich interessiere mich eher für die Infrastruktur. Wie auch immer, ich habe einen FreeBSD-Server mit einem AMP-Stack auf einem XServe G4 erstellt und wollte die generische Landingpage aufpeppen, auf der nur „It Works!“ stand. auf einem einfachen weißen Bildschirm zu etwas etwas Interessanterem, als ich auf ein Problem mit CSS stieß.

Hier ist die Seite – sie funktioniert genau so, wie sie unter Chrome, Opera, Safari auf Mac und Win10 funktionieren soll (ich habe Safari unter Win10 nicht überprüft)




Auf Microsoft Edge erhalte ich Folgendes:




Was muss ich in meinem CSS tun, damit ich dieses Element richtig positionieren kann?

Der Code für die Seite ist unten

Code: Select all

body {
background-image: url("splash.png");
background-repeat: no-repeat;
background-position: center;
background-color: #BEBEBE;
font-family: "Arial", "Verdana", "serif";
justify-content: center;
}

#container { display: block; position: relative;
width: 60%;
top: 60%;
font-weight: bold;
margin: auto;
}

#pretext { display: inline-block; color: #b80000; font-size: 3em;
}
#posttext { display: inline-block;
color: #FFFFFF; font-size: 3.5em;
font-weight: 1500; }

#logo   {
height: 50px;
position: absolute;
bottom: 1%;
right:  1%;
padding-bottom: 5px;

}
#logo img   { height: inherit; vertical-align: top; }

#svr-info { font-size: .75em;
color: #dae6f7;
width: auto;
position: absolute;
bottom: 0px;
right: 10px;
padding-top: 5px;

}

#phpinfo a  {  font-size:  .75em;
text-decoration: none;
}

a:hover { font-size:  1.3em; }





Think
Correctly.


[img]powerpc-logo.png[/img]
[img]apple-logo.png[/img]



[url=test.php] PHPINFO Page[/url]


`