Hallo,
ich hab eine Problem und hoffe, ihr könnt mir helfen.
Ich habe ein Div mit einer variablen Größe. In dem div befindet sich ein absolutes Div. Dieses soll jetzt immer mittig in dem variablen Positioniert sein.
Leider krieg ich das nicht hin. Die Prozentangaben und die Pixelangaben sind ja immer unterschiedlich und auch wenn ich das innere mit display:block und margin:auto versehen, passt es nicht.
Ich hoffe es kann mir jemand von euch helfen.
Oder geht das einfach nicht?
Danke schonmal Nadja
Zu finden ist die Seite hier: http://playground.lamisch.de/fuxdesign/
Nutzer: CWilke
PW: Fuxdesign
Es geht gleich um den oberen Bereich, die hellen Kästchen mit den Bildern. Wenn man mit Mouseover über die Bilder geht, erscheinen die absoluten Divs.
Hier noch relevanter Quelltext dazu:
<div class="box-ref-kl <?php if($i==2)echo ' clearfix'?>"><img class="mittig" src="images/projekte/<?php echo $zeile['bild1']?>">
<div class="infotext"> <p class="gross"><?php echo $zeile['kleinertext']?></p><p><?php echo $zeile['auftraggeber']?></p> </div>
</div>
hier nur einmal, da es als Schleife aus der Datenbank kommt
CSS:
.box-ref-kl{
position:relative;
display:inline-block;
float:left;
width: 24%;
min-width: 270px;
height: 270px;
margin-left: 3%;
margin-top: 10px;
background:rgba(255,255,255,.7);
padding:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
/*text-align:center;*/
}
.infotext{
display:block;
width:230px;
height: 210px;
background: #e28005;
color: #fff;
padding: 15px;
position: absolute;
top:15px;
margin:auto;
/* margin-top:3%;*/
/*margin-left:auto;*/
padding-left:auto;
}