bild innerhalb einer ebene zentrieren

M

madom

Grünschnabel
guten abend

ich habe für dieses problem die suche bemüht und nichts gefunden. deshalb hoffe ich, dass mir jemand helfen kann:

ich möchte ein bild innerhalb einer ebene zentrieren, und zwar horizontal und auch vertikal. leider lässt das <div>-tag nur horizontale zentrierung zu, oder liege ich da falsch? gibt es evtl einen workaround?

mit einem schönen gruss
m.
 
wenn Dein <div> tag in einer Tabelle ist, kannst Du
[valign="middle"] benutzen

unter CSS sieht es so aus [vertical-align:middle]
Eine andere Lösung habe ich leider auch nicht.
 
Ok verstehe, aber ich möchte ja das Bild im Layer vertikal mittig zentrieren, nicht den Layer selbst. Danke trotzdem.
 
Original geschrieben von madom
Ok verstehe, aber ich möchte ja das Bild im Layer vertikal mittig zentrieren, nicht den Layer selbst. Danke trotzdem.
Zum Vergrößern anklicken....
...eben, mit style="vertical-align:middle;" richtest du den Inhalt eines Elements aus, nicht das Element selbst.
 
Leider nicht. Ich habe mal eine Beispielseite eingerichtet. Schaut es euch mal an. Das stylesheet heisst so:

.unnamed1 {
vertical-align: middle;
height: 200px;
width: 200px;
left: 200px;
top: 200px;
border: medium solid;

}

Die Seite ist hier

Vielen Dank für die Hilfe
m.
 
Hmmm, ich habs mir mal angeschaut. Klappt bei mir auch nicht...
Vorschlag zur Güte: Du schreibst in den div eine Tabelle, denn hier klappt das mit dem vertical-align=middle prima!

Hier nochmal Dein Code umgebastelt:

PHP: 
<html>
	<head>
		<title>vertical-align</title>
		<style type="text/css">
			.mittig  { vertical-align:middle; text-align:center; background-color:#DDDDDD; }
			.mittigDiv  { background-color:#DDDDDD; width:200px; height:200px; border:1px; }
		</style>
	</head>
	<body>
		<div class="mittigDiv">
		<table border="1"><tr>
			<td height="200" class="mittig" width="200"><img src="Trash_T.jpg" width="100" height="75"></td>
		</tr></table>
		<div>
	</body>
</html>
 
mann, so clever möcht ich auch sein. klar, so klappt es. man kann sogar noch weiter vereinfachen und einfach bloss

<table><tr>
<td align="center" valign="middle"><img src="/Trash_T.jpg"></td>
</tr></table>

in den layer schreiben und auf css verzichten.

vielen dank für die brainpower.
m.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück