WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik


Homepage und Webhosting-Forum

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !


Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » IMG im DIV zentrieren » Antworten
Benutzername:
Passwort: Passwort vergessen?
Inhalt der Nachricht: Fett | Kursiv | Unterstrichen | Link | Bild | Smiley | Zitat | Zentriert | Quellcode| Kleiner Text
Optionen: Emailbenachrichtigung bei Antworten
 

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.

Nach oben