HTML Positionierung mittig mit variabler höhe

  • hallo,

    wie ich mir denken kann wurde diese Frage sicherlich schon öfter gestellt, leider finde ich dennoch nichts hilfreiches
    ich würde gerne eine verlinkte Grafik Mittig jedoch mit variabler Höhe in meinen HTML-Code einbinden, wenn ich dies über " left: XXpx ; top: XXpx ; mache ist die Dartesllung bei verschiedenen Fenstergrößen allerdings etwas "hässlich".

    Git es die Möglichkeit die Left-Position in "middle" zu setzen un die Top-Position in XXpx anzugeben? würde mich über einen Beispielcode sehr freuen!
    z.B. (was leider nicht geht^^) :

    <a href="http://www.UrlEgal.de">
    <div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: middle; top: 20px" id="Ebene1">
    <img border="0" src="meinbild.jpg"</div></a>

    Schonmal Danke im Vorraus!

  • Ich glaube er möchte nicht nur horizontal zentrieren sondern auch vertikal. Das ist nicht so ganz einfach möglich. Der Weg über die absolute Positionierung ist ein Weg - aber klappt auch nur bei einer variablen Höhe.

    didistroh: Dein gezeigter HTML-Code ist fehlerhaft. Ein <div> kann nicht innerhalb eines Links existieren. Auch ist der img-Tag nicht vollständig. So etwas führt zwangsläufig zu Problemen.

    Für eine Lösung für dein Problem schau dich mal nach vertikaler Zentrierung um. Da gibt es viele schöne Anleitungen. Wie gesagt wird jedoch die variable Höhe zu einem Problem, was nicht von jedem Browser sauber dargestellt werden kann.

  • <img src="meinbild.jpg" style="border:0;display:block;margin:20px auto;">