CSS: Bild genau in der Browsermitt platzieren

[pixelguy]

Hi,

kann mir jemand sagen, wie ich ein Bild mittels CSS genau in der Mitte des Browsers platzieren kann? Also vertikal und horizontal...

Wäre sehr danbar :)

[Gast]

Strict doctype;
text-align: center;
margin: auto auto;

[DanMan]

Gast[/POST]']Strict doctype;
text-align: center;
margin: auto auto;
Wenns denn so wäre. Aber vertikal lässt sich nix direkt über CSS zentrieren. Das ist für mich auch der einzige Grund, noch Tabellen für solche Layouts zu benutzen.

[WhiteVelvet]

DanMan[/POST]']Wenns denn so wäre. Aber vertikal lässt sich nix direkt über CSS zentrieren. Das ist für mich auch der einzige Grund, noch Tabellen für solche Layouts zu benutzen.

Hast Du auch vorher html,body auf height:100% gesetzt? Sonst gibts kein Parent, das die 100% darstellt. (hey das hab ich heute erst gelernt ;) )

[hyperterminal]

img {
height: 70px; /* Hoehe des Bildes */
margin-right: -40px; /* Haelfte der Breite des Bildes */
margin-top: -35px; /* Haelfte der Hoehe des Bildes */
position: absolute;
right: 50%;
top: 50%;
width: 80px; /* Breite des Bildes */
}

[Gast2000]

Das ist ein gutes Beispiel (verwende es zzt. auch). Aber gibt es vielleicht eine Lösung, wenn man die Breite und Höhe eines Fotos nicht kennt? Ich habe unterschiedliche Bilder und würde sie unabhängig von der Grösse in der Mitte platzieren...

[Nase]

Gast2000[/POST]']Das ist ein gutes Beispiel (verwende es zzt. auch). Aber gibt es vielleicht eine Lösung, wenn man die Breite und Höhe eines Fotos nicht kennt? Ich habe unterschiedliche Bilder und würde sie unabhängig von der Grösse in der Mitte platzieren...Rein über CSS kenn ich dafür keine Lösung, aber du kannst ja mit zb PHP oder auch Javascript (?) die Breite und Höhe eines Bildes auslesen und dann dementsprechend die Werte in den CSS-Angaben ändern lassen. Zur Zeit mach ich das über PHP, da meine Fotogalerie eh per PHP läuft.

[MadMan2k]

background: url("bla.jpg") center;

[Nase]

MadMan2k[/POST]']background: url("bla.jpg") center;Für einfach Dinge ja, meistens reicht das aber nicht aus.

[Tommes]

http://pr0n.at <- Guck einfach mal bei mir in den Quellcode ;)

[DanMan]

Tommes[/POST]']http://pr0n.at <- Guck einfach mal bei mir in den Quellcode ;)
Ja, Hintergrundbilder zentrieren ist ein Kinderspiel. Aber darum gings hier mMn. nicht.

Funktioniert das von hyperterminal denn nicht? Habs nicht probiert, aber könnte ja sein. Könnte mir aber vorstellen, dass das mit dem Umfließen Probleme gibt, da die Begrenzung ja quasi eliminiert wird.

[Gast]

Nase[/POST]']Rein über CSS kenn ich dafür keine Lösung, aber du kannst ja mit zb PHP oder auch Javascript (?) die Breite und Höhe eines Bildes auslesen und dann dementsprechend die Werte in den CSS-Angaben ändern lassen. Zur Zeit mach ich das über PHP, da meine Fotogalerie eh per PHP läuft.
Danke, genau das war mein Problem. Werde versuchen es mit Php zu lösen :).