|
Die letzten 5 Postings in diesem Thema » Alle anzeigen
von sondermuelli |
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. |
von languitar |
http://www.webwork-community.net/posting4786_24_0.html
http://www.webwork-community.net/posting3862_24_0.html
http://www.webwork-community.net/posting3729_24_0.html |
von Tobi W. |
ja, genau - das ganze natürlich über css ansprechen. Mittig im Sinne von Links/Rechts klappt mit
text-align:center;
ohne Probleme nur wie mache ich das bei der Höhe? |
von languitar |
wie, der div ist quadratisch und das soll immer da drin zentriert sein, oder wo ist der haken? |
von Tobi W. |
Hallo,
ich möchte gerne ein IMG in einem DIV zentrieren (Oben/Unten und Links/Rechts) - es kann vorkommen, dass das Bild hochkannt ist, oder auch nicht!
Wie stell ich das an?
Danke
Tobi W. |
|
|
|