Bild mit CSS zentrieren

Diskutiere mit über: Bild mit CSS zentrieren im Web Page Design Forum

  1. mec

    mec Thread Starter MacUser Mitglied

    Beiträge:
    384
    Zustimmungen:
    1
    Registriert seit:
    17.12.2003
    Hallo!
    Ich möchte mit CSS ein Bild im Fenster zentrieren. Hab das Bild in nen <div>-Container gesteckt und schon ne Menge ausprobiert, leider ohne Erfolg. Auch die Hinweise unter http://www.macuser.de/forum/showthread.php?s=&threadid=6417&highlight=css+zentrieren haben mir nicht weitergeholfen. Auf der Seite ist neben besagtem Bild noch ein Hintergrundbild ... falls es wichtig sein sollte.
    Kann mir jemand weiterhelfen?

    Gruß,
    mec
     
  2. cyberrob

    cyberrob MacUser Mitglied

    Beiträge:
    175
    Zustimmungen:
    5
    Registriert seit:
    16.12.2003
    Hattest du bisher gar keinen Erfolg oder klappts nur in bestimmten Browsern nicht?
    Mit margin: auto; und text-align: center solte es eigentlich funktionieren.

    Gruss, cyberrob
     
  3. lun_IX

    lun_IX MacUser Mitglied

    Beiträge:
    687
    Zustimmungen:
    8
    Registriert seit:
    03.11.2003
    und ganz normale center tags funzen auch nicht? musst es ja nicht unbedingt mit css ausrichten... mit css ausrichten lohnt an sich nur, wenn du ein Bild oder ein Element unabhängig von der Auflösung immer an der gleichen Stelle haben wills..

    aber bei einem allgemeinen zentrieren sollte doch center reichen, oder?
     
  4. mec

    mec Thread Starter MacUser Mitglied

    Beiträge:
    384
    Zustimmungen:
    1
    Registriert seit:
    17.12.2003
    Also mit center klappt es, dass ich das Bild horizontal zentrieren kann.
    AAAAAAber:
    ich möchte das Bild auch mit einem Abstand vom oberen Rand im Fenster stehen haben. Wenn ich dafür dann beispielsweise mit
    position:absolute;top: 10%;
    versuche, setzen Netscape und Safari das Bild auch schön mit diesem Abstand von oben ins Fenster, aber nun leider nicht mehr horizontal zentriert. Im Internet Explorer funzt es erstaunlicherweise.
    Lasse ich die Angabe
    position: absolute;
    weg, ist in allen genannten Browsern das Bild horiz. zentriert, aber leider pappt es am oberen Fensterrand.
    Das Bild kann ich nat. auch mit
    position:absolute;
    left:18%;
    top:16%;
    ausrichten, - klappt auch schön- , ist aber leider nicht zentriert.
    Naja, wenn´s net anders geht...
    Gruß,
    mec
     
  5. lun_IX

    lun_IX MacUser Mitglied

    Beiträge:
    687
    Zustimmungen:
    8
    Registriert seit:
    03.11.2003
    das klingt ja nach einem echten Problem.... da gibts nur eins:

    Das Bild in eine Tabelle, diese positionieren.... oder, was auch geht, Bild in einem iframe anzeigen, den kannst du zentrieren und auch Pixelgenau sagen, wie weit er vom Rand wegsein soll... sowohl von oben als auch von links.

    sieht dann so aus:

    und dann das Bild in der leer.htm aufrufen
     
Die Seite wird geladen...
Ähnliche Themen - Bild CSS zentrieren Forum Datum
Bild via CSS einfügen Web Page Design 15.06.2012
Bei Link:Hover ein Bild unter einem Text-Feld anzeigen Web Page Design 18.03.2012
CSS Bild ausrichten Web Page Design 10.12.2009
[CSS] Bild nach unten vervielfältigen Web Page Design 10.11.2006
CSS - Text am Bild entlang. wie? Web Page Design 26.06.2005

Diese Seite empfehlen

Benutzerdefinierte Suche