Antworten zum Thema „css: mittig in x+y ausrichten...“

[blackout]

wieder eine peinliche frage von mir :x
wer jemanden anflamen will kann das jetzt gerne tun, solange die richtige antwort enthalten ist

ich will per css eine graphik (die seite ist sonst leer) mittig sowohl in x- als auch in y-richtung ausrichten.

vorher hatte ichs mit ner tabelle gemacht... mit valign, also eher schlecht als recht. als ich dann endlich die page ins valide umgeschrieben hab ging das natürlich nimmer - das bild klebt am oberen rand. ich konnt einfach nix finden und selber hinbekommen hab ichs auch nicht.

(doctype ist html/transitional, sollte hier aber keine rolle spielen... oder?)

 

[Askalon]

Hi
bin mir ausm Kopf nicht ganz sicher

aber kannst ja mal das probieren
beispiel bei einem Objekt das 300x600px gross ist

position:  absolute;
height:300px;
width:600px;
margin: -150px 0px 0px -300px; /* von der Mitte gerechnet wird die Hälfte des Objekts von oben und von links  ausgerichtet*/

top 50%  /*wird mittig von oben und links ausgerichtet
left 50%

gruss

 

[Stroker]

Da dürfte doch auch

width: 100%;
height: 90%;
margin: auto;

ausreichen um die mittig zusetzen

 

[blackout]

ty... auf fractatulum hätt ich wohl auch mal schaun solln, is aber als nachschlagewerk leider ungeeignet, deswegen hab ichs nich in erwägung gezogen

edit: keins von den beispielen geht. beim ersten rührt sich nicht das geringste, das 2. ist nur ein codeschnipsel und das von misterD geht zwar, aber nicht bei meinem problem, da es den inhalt dynamisch zentriert, indem es jeweils den rand gleich breit macht :\