machbar wäre es in verbindung mit relativer positionierung des umgebenden divs und absoluter positionierung des bildes.
also so:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23: | <!-- Das hier in den Head: -->
<style type="text/css">
#deinDiv {
position:relative;
left:auto;
top:auto;
}
#deinBild {
position:absolute;
left:50%;
top:50%;
width:300px; /* Breite des Bildes */
height:200px; /* Höhe des Bildes */
margin:-100px 0 0 -150px; /* Erster Wert: -Höhe des Bildes/2; letzter Wert: -Breite des Bildes/2 */
border:0;
}
</style>
<!-- Das hier in den Body -->
<div id="deinDiv">
<img src="deinbild.png" id="deinBild" alt="bla"/>
</div>
|
Diese Methode mag bei ein zwei Bildern auf einer Seite noch praktikabel sein, wenn du aber mehrere verschieden grosse Bilder hast, halte ich das allerdings nicht mehr für gerechtfertigt und würde in dem fall zu ner tabelle greifen und das ganze mit vertical-align:middle machen. wenn es um ne galerie oder sowas geht, in der jeweils ein ausgewähltes bild angezeigt werden soll, könntest du die bildmaße mit ner serverseitigen sprache auslesen und dann jeweils die css-werte setzen. aber auch hier stellt sich die frage der zweckmäßigkeit.
---
wer hilft mir beim geschirr spülen?
