Diskutiere Bild mit CSS zentrieren im Web-Design Forum

  1. mec

    mec Thread Starter Mitglied

    Beiträge:
    369
    Zustimmungen:
    1
    Mitglied 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 https://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 Mitglied

    Beiträge:
    175
    Zustimmungen:
    5
    Mitglied 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 Mitglied

    Beiträge:
    688
    Zustimmungen:
    8
    Mitglied 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 Mitglied

    Beiträge:
    369
    Zustimmungen:
    1
    Mitglied 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 Mitglied

    Beiträge:
    688
    Zustimmungen:
    8
    Mitglied 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 - zentrieren Forum Datum
Vertikales Zentrieren ENDLICH DIE LÖSUNG Web-Design 20.10.2010
CSS: "float" und trotzdem zentrieren ? Web-Design 16.08.2008
wie inhalt zentrieren in freeway? Web-Design 28.02.2008
Tabelle zentrieren Web-Design 05.10.2007
Div mit ul zentrieren Web-Design 24.04.2007
AdobeGoLiveCS2: Schriften Zentrieren Web-Design 23.11.2006
Probleme beim zentrieren der grafiken Web-Design 11.09.2006
Layer in GoLive zentrieren Web-Design 23.07.2006
tabelle mittig zentrieren bei Browserskalierung Web-Design 23.07.2006
[CSS:]Zentrieren einer Tabelle Web-Design 23.02.2006

MacUser.de weiterempfehlen

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.