Problem mit div zentrierung

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Problem mit div zentrierung

    PHP-Code:
    <div id='format' style='border:thin solid red; width:500; height:400px; 
    background-color:#000000; z-index:1; position:static;'
    >
        <
    div  style='z-index:2; position:absolute; margin:auto; text-align:center; ' >
            <
    img id='image' align='center'  src='A.jpg' width='384' height='216'>
        </
    div
    </
    div
    ich wurschtel schon seit 1 Tag hin und her probiere alle möglichen combinationen aber es will mir einfach nicht gelingen das image zentriert in dem div container format anzeigen zu lassen.


    aber vielleich sehe ich auch wieder den Wald vor lauter Bäumen nicht mehr.
    Eventuell gebt ihr einen Rat wie ich das bewerkstelligen könnte.

    Danke im Vorraus
    Zuletzt geändert von Postaria; 14.01.2009, 12:20.

  • #2
    Hmmm ... wie es manchmal so ist :!!!!
    neuer tag neues Glück und schwupsti wup habe ich die Lösung.



    PHP-Code:

    <div id='format' style='border:thin solid red; width:500; height:400px; background-color:#000000; z-index:1; 
    position:static; text-align: center; min-height: 10em; display: table-cell; vertical-align: middle '
    >
        <
    div  style='z-index:1;'>
            <
    img id='image' src='A.jpg' width='384' height='216'>
        </
    div
    </
    div

    damit ist dann das Bild sowohl horizontal als auch vertikal zentriert.
    Falls sich irgendeiner schon auf die Suche begeben hat für eine Lösung möchte ich ihm Danken.
    Achtung : Die Lösung mit dem Vertikalen Zentrieren
    PHP-Code:
    min-height10emdisplaytable-cellvertical-alignmiddle 
    funktioniert nur bei dem Firefox nicht im IE.
    Wenn jedoch einer auch für den IE eine Lösung mit vertikaler zentrierung hat so möge er bitte sprechen.

    Bis dann ...
    Zuletzt geändert von Postaria; 14.01.2009, 12:20.

    Kommentar


    • #3
      Hab jetzt deins nicht getestet, aber ich würde dem hier folgen:

      http://www.wpdfd.com/editorial/thebox/deadcentre2.html

      Kommentar


      • #4
        habe nach etwaiger recherche genau das gefunden was ich gesucht habe.
        so das der IE auch in den genuss kommt das bild mittig setzten zu können.


        http://www.cssplay.co.uk/menu/centered

        danke lennart für deinen Link kam wegen der suche noch nicht dazu mir das anzuschauen werde ich gleich mal erledigen.

        Kommentar

        Lädt...
        X