Hallo,
ich möchte einen Div-Container zentrieren. Jetzt sind mir natürlich die üblichen CSS-Methoden, wie man sie häufig im Netz findet, geläufig und im Einsatz. Hier habe ich aber ein Hintergrundbild mit 60% Breite des Browsers. Das Hintergrundbild ist aber eigentlich eine Slideshow. Daher ist der Div-Container auch nicht normal im HTML sondern im JavaScript-Part eingearbeitet. Mit etwas basteln habe ich eine halbwegs horizontale Zentrierung hinbekommen. Bei der vertikalen Zentrierung komme ich aber nicht wirklich sinnvoll weiter.
Ich denke der Knackpunkt ist, das die Position static oder inherit sein muss, da sonst die Bilder der Slideshow nicht angezeigt werden.
Daher meine Frage ob man die vertikale Zentrierung auch ohne CSS und z.B. mit JavaScript hinbekommen kann?
Wenn jemand einen schlauen Denkansatz hätte würde mich das sehr freuen.
Vielen Dank! Chriso
Der CSS-Code zur Slideshow ist folgender
#showtitle {
position:absolute;
margin:265px 0 0 16%;
float:left;
font-size:12px;
z-index:200;
}
#superbgimage {
cursor:pointer;
width:60%;
height:auto;
}
#superbgimage .activeslide {
visibility:visible;
}
img.activeslide {
position:static;
margin-top:2%;
margin-left:20%;
}
#superbgimage .lastslideno {
z-index:100;
width:10px;
}
.lastslideno {
visibility:hidden;
width:10px;
}