was ich seit Jahren benutzte ist folgender Code, der ein Bild im Zentrum der Seite (Mitte der Vertikalen + Mitte der Horizontalen) anzeigt - nur nicht im Mozilla. Da ist das Bild zwar zentriert, aber am oberen Ende der Seite. Kennt jemand Abhilfe? Danke
1:
2:
3:
4:
5:
6:
7:
--- Arbeit ist das Feuer der Gestaltung. - Marx
Diese Nachricht wurde geändert von: Philipp Gérard
deu musst möglicherweise dem body bzw. html - Element eine Höhe von 100% zuweisen. Dann sollte es an sich funktionieren:
1:
2:
3:
4:
5:
6:
html,body {
width:100%; /* kann man auch weglassen, je nach dem halt */
height:100%; /* Evtl. musst du beim Bild oder div noch mit position-Angaben rumhantieren... */
}
Wenn's nur um ein bedeutungsloses/alttextloses/linkloses Bild geht:
body {
background-image:url('mein.jpg');
background-repeat:no-repeat;
background-position:center;
}
Wenn du was beliebiges zentrieren willst gibts grundsätzlich 2 Strategien
* margin-left:auto; margin-right:auto; (macht der IE nur im standardkonformen Modus, also bei richtigem Doctype mit)
* position:absolute; left:50%; top:50%; margin-left:-Xpx; margin-top:-Ypx
wobei X = Hälfte der Breite und Y = ca. Hälfte der Höhe (meistens besser ein wenig mehr, da die "visuelle", gefühlsmäßige vertikale Mitte über der tatsächlichen, mathematischen liegt) (hier gibt's soweit ich weiß Probleme mit dem IE5/Mac, der aber eh tot ist....)
