Ergebnis 1 bis 8 von 8

Thema: Opera zentriert IMG nicht

  1. #1
    Ochaco
    Gast

    Standard Opera zentriert IMG nicht

    Hallo zusammen,

    ich schlag mich seit mehreren Stunden mit einem (eigentlich) kleinen Problem rum.

    Die Seite (Bildergalerie), an der ich dran bin, soll eine Fullscreen-Seite werden. Also sie skaliert immer auf volle breite und volle Höhe.
    Unterteilt ist sie in 3 Bereichen:
    - Header
    - Content
    - Footer

    Der Content-DIV beinhaltet ein Bild, welches zentriert mitskaliert werden soll, dabei aber nicht das Seitenverhältnis verlieren darf. Das klappt auch alles wunderbar, außer in Opera. Ich habe mal ein bisschen im Internet rumgestöbert und rausgefunden, dass ein Bild, welches position:absolute hat, sich erst zentriert, wenn Opera die feste Breite von dem Bild weiß. Problem ist nur, dass das Bild immer ausgetauscht werden soll (also unterschiedliche Größen) und durch das skalieren keine feste Größe geben darf.

    Beispielbild was man verwenden könnte, um den Dummy etwas besser nachzuvollziehen:
    http://www.wallpaper-gratis.eu/blume..._1400x1050.jpg
    (Bilder sind halt größer als der letztendliche Anzeigenbereich und werden dementsprechend runterskaliert.)


    Danke schonmal für jede Hilfe!
    Viele Grüße





    <body>

    <div id="header"></div>

    <div id="content">
    <img src="http://www.wallpaper-gratis.eu/blume/natur/blume001_1400x1050.jpg" />
    </div>

    <div id="footer"></div>

    </body>







    *{
    margin:0;
    padding:0;
    }
    img {
    border:none;
    }
    html,body {
    margin: 0;
    padding: 0;
    }
    html,body {
    height: 100%;
    }



    #header {
    width:100%;
    min-height:6%; /* For Modern Browsers */
    height:auto !important; /* For Modern Browsers */
    height:6%; /* For IE */
    background-color:#0033CC;
    }
    #content {
    width:94.2%;
    height:72%;
    background-color:#00FF00;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    text-align:center;
    background-color:#00FF00;
    }
    #content img {
    border:1px solid #999999;
    max-width:100%;
    max-height:100%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    }
    #footer {
    width:100%;
    min-height:21%; /* For Modern Browsers */
    height:auto !important; /* For Modern Browsers */
    height:21%; /* For IE */
    background-color:#993300;
    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Opera zentriert IMG nicht

    wieso brauchst du position:absolute;?
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    Ochaco
    Gast

    Standard AW: Opera zentriert IMG nicht

    Hi,
    danke erstmal für die Antwort.


    Zitat Zitat von Dodo Beitrag anzeigen
    wieso brauchst du position:absolute;?
    weil sonst das Bild leider aus dem überstehenden DIV rausbrechen würde, in Originalgröße angezeigt wird und nicht mitskaliert.
    Es muss halt in dieses DIV eingezwengt werden und sich an diesem orientieren ...
    grüße

  4. #4
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Opera zentriert IMG nicht

    zeig mal ein beispiel her
    der link oben funktioniert nicht
    Something big is coming. And there will be pirates and ninjas and unicorns...

  5. #5
    Ochaco
    Gast

    Standard AW: Opera zentriert IMG nicht

    Zitat Zitat von Dodo Beitrag anzeigen
    zeig mal ein beispiel her
    der link oben funktioniert nicht
    ähm, das sind keine links zu einer seite. habe lediglich den html- und CSS-code geposted. müsstest du dir evtl runterladen und mal schnell einbauen. leider habe ich im moment keine möglichkeit irgendwo was hochzuladen, sorry.

  6. #6
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Opera zentriert IMG nicht

    Also wenn ich die position-angaben weglass, dann geht es ohne probleme
    Something big is coming. And there will be pirates and ninjas and unicorns...

  7. #7
    Ochaco
    Gast

    Standard AW: Opera zentriert IMG nicht

    ja hast recht.
    der fehler wird durch was anderes verursacht, da werde ich mich wohl nochmal ranmachen müssen.

    Danke!

  8. #8
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Opera zentriert IMG nicht

    also bei mir macht das opera
    habs jetzt nur ohne versucht
    Something big is coming. And there will be pirates and ninjas and unicorns...

Ähnliche Themen

  1. Opera CSS Hack funktioniert nicht
    Von BenTreeser im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 05.01.2010, 17:02
  2. Hilfe mit Navigations CSS - IE klappt, Firefox/Opera nicht
    Von vandura im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 10.08.2006, 15:00
  3. Css Kasten wird nicht zentriert / Opera 8
    Von :.:UltraVa Flyin:.: im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 27.01.2006, 14:04
  4. Bilder nicht zentriert
    Von marlow im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 7
    Letzter Beitrag: 28.11.2005, 12:54
  5. wieso Zentriert der Internet Expolorer das nicht?
    Von xman86 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 10.06.2005, 09:25

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •