horizontale und vertikale zentrierung: verschiedene bilder in einem floatenden div

  • hoi
    das hier is der beispiel-source:

    CSS:

    Code
    .thuWrap .thumb
        {
            width:49px;
            height:49px;
            border:1px solid lime;
            float:left;
            text-align:center;
            margin-right:12px;
            margin-bottom:12px;
        }

    die bilder haben verschiedene abmessungen und man weiß vorher nicht, welches bild geladen wird, die thumb-divs sollen eine feste größe haben und die images innerhalb der thumb-divs sollen horizontal wie auch vertikal zentriert werden.

    es geht nur mit html und css nichts serverseitiges und kein javascript.

    ich hab schon zig "tutorials" durch, aber keins fruchtet dabei..
    hat von euch noch jemand ne ahnung?

    edit: und kommt mir bitte nicht mit display:table und sowas.. des muss in ALLEN browsern richtig laufen... (okie6 isnich soo wichtig)

    Einmal editiert, zuletzt von synaptic (23. Februar 2011 um 18:04)

  • Bitte sehr.

    Für IE6 muss man display: inline; benutzen.

  • So, um das ganze so nicht stehen zu lassen: es funktioniert,
    was bei synaptic das Problem sein könnte lässt sich nicht feststellen, weil er kein code rausrückt ;)

    Bei Nachfrage kann ich auch ein Link zu einer Seite schicken die diese Methode verwendet.