jever: Grafik im Kontainer mittig positionieren

Beitrag lesen

»» Hey,
»»
»» für Euch bestimmt eine einfache Sache.
»»
»» Innerhalb meiner Navigation
»» <div id="nav">
»» ...
»» </div>
»» möchte ich eine Grafik mittig positionieren.
»»
»» Könntet Ihr mir hier kurz beim CSS helfen? Vielen Dank!
»»
»» Liebe Grüße

.bild {
position:absolute;
left:50%;
margin-left:-100px;
top:50%;
margin-top:-100px;
}


>   
> die 50% lässt du jeweils unverändert und die jeweils -100 richten sich nach der breite / höhe von deinem Bild.  
>   
> Immer die Hälfte als negativen Wert.  
> Also ist dein Bild 144px breit schreibst du im CSS als breite -72px  
> ~~~html
  

> <div style="position:absolute; width: 500; height: 500;">  
> <img class="bild" src="#" height="200px" width="200px" /></div>  
>   
> 

Sonst sollte eigtl. alles klar sein, oder? ;-)

Gruß Gerch

Danke für die schnelle Antwort. Der Container ist gefloatet, leider kann ich daher diesen offensichtlich nicht absolut positionieren. Habe es so versucht:

#navver .navinfo {
    position: relative;
    top: 20px;
    left: 50%;
    margin-left: -70px; }

Aber irgendwie ist es nicht in der Mitte, trotz angegebener Breite von 140px... (px ist hier notwendig)

Liebe Grüße