Bild im Zentrum der Seite :: webwork-community.net

Forum » Auszeichnungssprachen » Bild im Zentrum der Seite

Antworten

Bild im Zentrum der Seite

Philipp Gérard

Foren-Team

Beiträge: 1508

Erstellt am: 15.11.2003 15:52

Servus allerseits,

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:

<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="middle"><img src="logo.gif" alt="Bild" /></td>
  </tr>
</table>
</body>

---
Arbeit ist das Feuer der Gestaltung. - Marx

Diese Nachricht wurde geändert von: Philipp Gérard

Profil E-Mail Website Editieren Zitieren

languitar

Foren-Team

Beiträge: 2795

Erstellt am: 15.11.2003 15:57

height="100%" gibts offiziell wohl nicht bei Tabellen. Probiers mal mit nem DIV

---
Take a look here!
Lichtblick - Einblick - Ausblick

Profil E-Mail Website Editieren Zitieren

Philipp Gérard

Foren-Team

Beiträge: 1508

Erstellt am: 15.11.2003 17:42

1: 
2: 
3: 
4:

<body>
<div
style="width: 100%; height: 100%; text-align: center; vertical-align: middle;">la</div>
</body>

geht z.b. nicht ...

---
Arbeit ist das Feuer der Gestaltung. - Marx

Profil E-Mail Website Editieren Zitieren

Posting-Schinder

Beiträge: 520

Erstellt am: 15.11.2003 20:14

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... */
}

seas
HG

---
www.kuminatano.de

Diese Nachricht wurde geändert von: HG

Profil E-Mail Website Editieren Zitieren

beeto

Pixelschubser

Beiträge: 23

Erstellt am: 24.11.2003 10:00

kann man nen hintergrundbild auf volle grösse anpassen?

---
no better way to fly

Profil E-Mail Editieren Zitieren

c3o

Posting-Schinder

Beiträge: 586

Erstellt am: 24.11.2003 21:01

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....)

Profil E-Mail Website Editieren Zitieren

	Antworten