Hallo Zusammen,

ich hab eine Html-Seite auf der blos ein Bild zu sehen ist, dieses Bild soll sowohl horinzontal wie auch vertikal zentriert sein.

Wie mach ich das?

Also horizontal wäre es ja <div align="center">

aber wie zentrier ich das bild jetzt noch vertikal ?

(Es soll auch bei verschiedenen Auflösungen zentriert sein)

Jemand ne IDDE ?

<table width="100%" height="100%">

<tr>

<td>

<img src="..." border="0">

</td>

</tr>

</table>

Vielen DANK

Es funktioniert :marine

Kannst du vielleicht noch 1-2 Sätze dazu schreiben warum das tut damit ichs auchs kapier

Ok passt brauchst nichts mehr schreiben

habs geblickt Danke nochmal

na so ganz stimmt es auch nicht Monty82

<table width="100%" height="100%">

<tr>

<td align="center">

<img src="Giflogos/3m.gif" border="0">

</td>

</tr>

</table>

erst so ist es absolut mittig

Das dachte ich auch zuerst, doch nach einer kurzen Recherche stand fest, dass die Position innerhalb einer Zelle standardmäßig zentriert zu sein scheint...

Das ganze geht aber nur mit bestimmten (keinem?) Doctype...

Aber dieses Thema gabs schon oft, bitte die Suche bemühen.

Gruß,

Markus

Geht das Height=100% nicht nur mit dem IE? Surft ihr alle damit? (wenn ja; omg)

also ich kann mich erinnern, dass ich das zuverlässig nur mit css hinbekommen hab... aber grad keine lust zu recherchieren

Also der Firefox kanns auch...

Was Kills mit dem Doctype meint, raff ich gerade nicht...vielleicht ist's noch zu früh

Hm 100% height gibt es in HTML normalerweise nicht...

Versuch mal die verschiedenen Doctypes durch, dann wirste sehen, dass es nicht mit jedem geht...

zum Thema zentrieren:

http://www.quirksmode.org/css/centering.html

Kann sein das es nicht für jeden Doctype tut aber für meinen Zweck war es ja allemal ausreichend da es sich ja nur um ein Bild handelt.

Hm 100% height gibt es in HTML normalerweise nicht...

Stimmt gehört nicht zu Standard HTML wird aber von jedem Browser unterstützt. (ES sei denn der Browser ist wirklich uralt)

Stimmt gehört nicht zu Standard HTML wird aber von jedem Browser unterstützt. (ES sei denn der Browser ist wirklich uralt)

Aber nur für HTML 4.01 im Transitional Modus und da nur als Kompatibilitätsmodus.

da gebe ich kills und JesterDay recht. Aber ich hatte es auch nur weiter vervollständigt

Es ist nicht W3C-konform - aber funktioniert mit jedem Browser, den ich kenne - erlaubt ist, was gefällt!

as-sassin

Es ist nicht W3C-konform - aber funktioniert mit jedem Browser, den ich kenne - erlaubt ist, was gefällt!

Wenn du meinst... aber wundere dich nicht, wenn es in der nächsten Version des Browsers nicht mehr, oder anders funktioniert. Eben weil es keinen Standard gibt, bist du auf den guten Willen der Programmierer angewiesen, dass das alles so bleibt. Da es von der W3C aber einen Standard gibt, kannst du (oder solltest zumindest können) davon ausgehen, dass das auch so angewendet wird.

... aber wundere dich nicht, wenn es in der nächsten Version des Browsers nicht mehr, oder anders funktioniert.

:floet: Nö, kein Problem.

as-sassin

<table width="100%" height="100%">

... da dies z. B. bei Framesets zu unschönen Scrollbalken führt, sollte man als Weiten- bzw. Höhenangabe jeweils 99%, anstatt 100% benutzen.

<img src="deinbild.jpg" alt="" style="position: absolute; top: 50%; left: 50%; margin: *1 0px 0px *2;" />

*1 = höhe/2

*2 = breite/2

greetz

*1 = höhe/2

*2 = breite/2

Woher weisst du, welche Auflösung der Nutzer hat und dass er nicht irgendwann die Fenstergröße ändert?

Woher weisst du, welche Auflösung der Nutzer hat und dass er nicht irgendwann die Fenstergröße ändert?

Mit höhe/2 und breite/2 habe ich die Bildskalierung gemeint.

greetz