Bild ausrichten mit css??

[Sebastian]

Hallo zusammen,

ich bin dabei mir eine Homepage zuerstellen, hauptsächlich um Fotos in einer Gallery zuzeigen. Nun habe ich das Fenster in drei Frames unterteilt links eine Navigationsleiste,  unten eine Zeile mit den Bildern in kleiner ansicht und der rest soll ein Bild in groß anzeigen.
nun habe ich ein .html dokument erstellt wo nur das Bild angezeigt wird also <img src....width="" height=""> soweit so gut kann ich jetzt, in meiner externen formate.css datei alle Bilder zentriert und mittig anordnen? Ich habe schon in jedes html doc einen link zur css datei und auch mit div id="bild" dem html doc die richtigen anweisungen gegeben, ich kann nun durch text-align:center das bild horizontal zentrieren aber ich finde nicht wie ich das auch vertikal mache, oder geht das nicht?? bzw. bin ich das ganze falsch angegangen und muß ich die Bilder durch Tabellen ausrichten??

Viele Grüße Bati

[Kalle_B]

Hallo alleine,

... kann ich jetzt, in meiner externen formate.css datei alle Bilder zentriert und mittig anordnen?

Vertikal mittig ist ein Problem. Wenn du die Bildgrösse in Pixel kennst, geht es so:

#middle {
 position:    absolute;
 top:         50%;
 left:        50%;
 width:       200px;
 height:      300px;
 border:      1px solid red;
 margin-top:  -150px;
 margin-left: -100px
}

Du packst die linke obere Ecke mit top:50%;left:50% genau in die Mitte des Fensters und rückst dann mit negativen Pixeln nach links und oben.

Da du ja für jedes Bild eine eigene HTML- Datei hast, geht es so:
<img src='...' id=middle style='margin-top:-xxxpx;margin-left:-yyypx' ...>
wobei xxx die halbe Bildhöhe und yyy die halbe Breite ist.

Und in #middle natürlich width und height rausnehmen, die bringt das Bild ja mit.

Hgzh (Hoffe, geholfen zu haben), Kalle