[HTML|CSS] Zentrieren von Bildern innerhalb einer Box

[Mr. Snoot]

Hio,

gibt es eine Möglichkeit, innerhalb einer Box ein Bild oder eine Tabelle - mit gültigem HTML - zu zentrieren?

margin:0 auto oder text-align:center geht nicht. <center></center> oder <div align="center"></div> geht zwar, ist aber kein valides HTML.

Bisherige Lösung, das Bild/Tabelle in eine Zelle einer 100% breiten Tabelle stecken und diese dann zentrieren (<td align="center"></td>); muss aber doch mit CSS auch anders möglich sein, oder?

 

[Saschlong]

margin: auto auto;
margin: oben/unten links/rechts

...wenn ich's grad' richtig im Kopf hab'
Ansonsten guggst Du: CSS4You

 

[Mr. Snoot]

Ja, ne; bei margin tut sich bei Bildern anscheinend nur was, wenn man direkt einen bestimmten Abstand (100px o.ä.) angibt. 'auto' klappt da nicht.

margin: 0 auto wäre ja korrekt. Oben und unten Abstand wie er ist, links und rechts automatisch.

 

[Saschlong]

Öhm, doch..
Horizontal auf jeden Fall.

 

[Mr. Snoot]

Ausprobiert?

 

[mh1001]

Hallo,

probiers mal folgendermaßen:

position: relative oder absolute;
left: 50%;
margin-left: halbe Bild- oder Container-Breite als negativer Wert;

MfG mh1001

 

[Saschlong]

@Gauder: Schau Dir mal das CSS von der Site in meiner Signatur an da hab' ich's so gemacht.
CSS-File

 

[funland]

guck mal einfach auf www.css4you.de gibts alles was du brauchst

 

[Saschlong]

Er will nicht
Hab' ich ihm auch schon gesagt

 

[Mr. Snoot]

Er will nicht

Was soll das heißen

Alles was ich da, oder sonstwo finde ist margin:0 auto - das alleine funzt nicht; aber das hier geht:

	position:relative;
	width:0px;
	margin:0 auto;

Also fehlt dazu noch position:relative, wie mh1001 gesagt hat, oder wies eben auch in deinem Stylesheet steht.

 

[Saschlong]

Hupps
Aber 0 was? Du musst doch eine Einheit zuweisen?

 

[GaNyMeD]

Hallo,

0 ist 0, egal ob %, EM, PX oder PT. Deswegen kann man bei allen Angaben mit 0 die Einheit weglassen.

width: 0;

ist dementsprechend auch korrekt und funktioniert.

MfG
Alex