Hallo,
ich habe alles noch einmal überarbeitet.
style.css habe ich jetzt separat.
Relative Positionen sind mit Margin positioniert.
Mit Objekt Fit fülle ich das Element, da das Image zu klein ist.
Box-login ist jetzt innerhalb box-transparent.
Mein Fehler war, dass der Stylebereich nicht im Header untergebracht war.
Ich habe jetzt einen Style mit text-align: center eingefügt und es funktioniert.
Viel zu Fehler am Anfang gemacht.
Vielen Dank für die Hilfe!
Hallo,
bin langsam am verzweifeln. Ich wurde gerne den Block "box_login" horizontal zentriert auf dem Block "box_transparent" ausrichten. Mit auto margin und align center...alles schon probiert. Kein Erfolg! Über jede Hilfe bin ich sehr dankbar.
Hier ist mein Test Code: (css habe ich mal in den Quellcode kopiert)
<html>
<title>CSS Style</title>
<head></head>
<style>
.box_transparent {
top: 10px;
height: 360px;
position: relative;
background:url('images/bg_grau_70.png') no-repeat top left;
}
.img-fit {
width: 100%;
object-fit: cover;
height: 360px;
}
.box_login{
position: absolute;
top: 120px;
margin-left: auto;
margin-right: auto;
height: 360px;
}
</style>
<body background="img/classical/sun.jpg" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div style="text-align: center;"><img src="images/eventplanet_600_100.png" width="600" height="100"></div>
<div class="box_transparent"><img class="img-fit" width="2560" height="360" src="images/bg_grau_70.png"></div>
<div class="box_login"><img src="images/bg-white.png" width="300" height="340">
</div>
</body>
</html>