✔ Ausrichtung innerer <DIVS>

[Transporter]

Moin moin !

Mein innerer Div soll vertikal und horizontal mittig sein.
Im Mozilla Firefox funktioniert das auch perfekt. Im Opera und
IE ist er aber leider vertikal nicht wirklich zentriert.

echo
    "<div style='position:absolute; z-index:1; text-align: center; background-image: url(images/ground/neu$map_ground->ground_id.gif); width: 32px; height: 34px; top: ",$v,"px; left: ",$h,"px'>";

    if(isset($user_unit->unit_id) AND isset($user_unit_view->field_id))
			{
      echo
      "<div style='z-index: 10'>
        <a href='$url.php?p=",$m + $b,"' target='_parent'>
          <img src='images/unit/$folder/$user_unit->unit_id.gif' border='0' align='middle'>
        </a>
      </div>";
      }

    echo
    "</div>";

Könnt Ihr mir helfen?

Gruß

 

[Maik]

Hi,

wenn die Breite und Höhe des inneren DIVs bzw. der darin eingebundenen Grafik bekannt ist, funktioniert seine horizontale und vertikale Zentrierung auf diese Weise:

<div style='position:absolute; z-index:1; text-align: center; background-image: url(images/ground/neu$map_ground->ground_id.gif); width: 32px; height: 34px; top: ",$v,"px; left: ",$h,"px'>
    <div style='position:absolute;width:20px;height:20px;left:50%;top:50%;margin-left:-10px;margin-top:-10px;z-index: 10'>
          ...
    </div>
</div>

Wenn es bei dir mit dem gezeigten Codeschnipsel auf Anhieb im Firefox funktioniert, dürfte dies wohl eher ein Zufallsprodukt sein, denn bei mir zentriert er da überhaupt nichts, horizontal nicht, und vertikal ebenso wenig. :suspekt:

Für den IE wäre noch eine zusätzliche Regel erforderlich, damit er das Grafikelement wegen der Interpretation der Whitespaces vor und hinter dem <img>-Tag nicht nach unten verschiebt:

a img {
display:block;
}

 

[Transporter]

Alles klar, vielen Dank!