Bild Horizontal und Vertikal ausrichten !

[skype90]

Hallo , Liebe Community

Undzwar habe ich eine bestimmte Frage an euch. Es geht bezüglich der Frage ob man Bilder Horizontal und Vertikal ausrichten kann. Das Bild soll sowohl Horizontal als auch Vertikal mittig eines Div Container liegen. Damit will ich bezwecken das wenn ein User auf meiner Community ein Bild hochläd immer mittig im Div Container steht egal wie klein oder Groß das Bild ist.

p.s. Brauche ich dazu Css/Html oder Php ?

Lg Skype90

 

[threadi]

Für die Darstellung ist immer CSS verantwortlich. HTML dient als Grundlage dafür. PHP spielt dabei keine Rolle. Daher habe ich dein Topic in den CSS-Bereich verschoben.

Am Besten und schnellsten dürfte sich dein Wunsch mittels Hintergrundbild realisieren lassen. D.h. das Bild welches dargestellt werden soll, bindest Du per background-image ein. Mittels background-position kann man dann die Position innerhalb des Elements vertikal wie horizontal zentrieren.

div#bild {
 background-image: url(bild.png);
 background-position: center center;
 background-repeat: no-repeat;
}

Alternativ ginge es auch mittels absoluter Positionierung eines <img>-Elements in dem das Bild steht, das dürfte jedoch bei variablen Größen des Bildes etwas zu schwierig werden.

 

[DiVaO]

Nen bisschen vereinfachen kann man das noch ;)

div#bild { background: url(bild.png) no-repeat center; }

 

[skype90]

Das Problem ist das ich bzw. das Bild eine Varriable mittels php gespeichert habe. Es soll ein Userpic werden deshalb ist es ganz wichtig das es sich in der mitte des div container befindet. Hat einer noch eine Idee ?

 

[threadi]

Was ist denn das Problem an der CSS-Idee?

 

[cypher]

CSS-Anweisung

div#bild { background: url(bild.png) no-repeat center; }

PHP

<?php 
if(isset($userpic)) {
   echo '<div id="bild">' . $user_image . '</div>';
}

Läuft doch ;)