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
<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>
Alles anzeigen