1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

NextGen: Schmale Vorschaubilder im IE8

Dieses Thema im Forum "Plugins und Widgets" wurde erstellt von Mario1972, 8. Juli 2009.

  1. Mario1972

    Mario1972 Member

    Registriert seit:
    3. Februar 2009
    Beiträge:
    10
    Zustimmungen:
    0
    Hallo
    Ich habe mir heute den Internet Explorer 8 installiert.
    Nun werden die Vorschaubilder in meinem Blog nur noch als schmale Rechtecke dargestellt.
    Im IE 6 & 7 sowie im Firefox und Opera war alles okay.
    Beim IE 8 muß ich die Kompatibilitätsansicht aktivieren, damit die Thumbnails wieder korrekt angezeigt werden.

    Kann mir bitte jemand dabei helfen, das die Vorschaubilder auch ohne die Kompatibilitätsansicht normal dargestellt werden?

    Achja, Theme ist "Dialogue Avenue".

    Link: http://www.fotogalerieforum.eu


    Danke im voraus.


    Grüße
    Mario
     
  2. Mario1972

    Mario1972 Member

    Registriert seit:
    3. Februar 2009
    Beiträge:
    10
    Zustimmungen:
    0
    Hallo
    Hat keiner eine Idee, wie man das beheben könnte?


    Grüße
    Mario
     
  3. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Kommentier mal testweise das hier aus:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    style.css, Zeile 348

    Die Regel ist spezifischer als die NGG-Angaben, möglicherweise liegts daran.

    Vielleicht hilft dir auch die Developer Toolbar von MS, um der Sache auf die Spur zu kommen...
     
  4. Mario1972

    Mario1972 Member

    Registriert seit:
    3. Februar 2009
    Beiträge:
    10
    Zustimmungen:
    0
    Hallo
    Vielen Dank - das war es. :)
    Die Angabe "max-width:100%;" war schuld. Nach dme Auskommentieren werde die Vorschaubilder nun in allen Browsern vernünftig angezeigt.

    Nochmal vielen Dank für deine Hilfe. :wink:


    Grüße
    Mario
     
  5. hardy70

    hardy70 New Member

    Registriert seit:
    8. Januar 2010
    Beiträge:
    1
    Zustimmungen:
    0
    habe das selbe Problem

    IE 8 stellt die Thumbnails sehr schmal da.

    IE7 und FF ist o.k.

    In der style.css unter meinem Theme kann ich aber
    keinen css Eintrag #content img finden.
    Habe schon viel an der nggallery.css probiert, da bekomme ich es zwar hin,
    dass die Anzeige im IE8 passt, dann stimmt es aber wieder nicht im FF.

    Im Bereich
    .ngg-gallery-thumbnail img {
    background-color:#FFFFFF;
    border:1px solid #A9A9A9;
    display:block;
    margin:4px 0px 4px 5px;
    padding:4px;
    position:relative;
    }
    kann man die Breite ändern, aber wie gesagt, dann gibt es Probleme mit anderen Browsern.
    Hat noch jemand eine Idee, was man machen kann?
     
  6. Zadkiel

    Zadkiel New Member

    Registriert seit:
    7. Mai 2010
    Beiträge:
    2
    Zustimmungen:
    0
    Gleiches Problem

    Hallo hardy70,

    dein Beitrag ist zwar schon länger her, aber ich hoffe du kannst mir weiter helfen.

    Ich habe nämlich genau das gleiche Problem, dass die Thumbs im IE8 nicht korrekt dargestellt werden.

    Ich habe auf deiner Seite gesehen, dass du das Problem gelöst hast. Könntest du mir deine Lösung bitte mitteilen?

    Vielen Dank!
     
  7. Zadkiel

    Zadkiel New Member

    Registriert seit:
    7. Mai 2010
    Beiträge:
    2
    Zustimmungen:
    0
    Gelöst

    Hallo noch mal,

    ich habe noch mal ein bissl rumgebastelt und habe eine Lösung gefunden.
    Für alle die, die evtl. auf das gleiche Problem stoßen:

    Ich habe unter dem Eintrag:
    .ngg-gallery-thumbnail {einfach die Höhe und Breite selbst definiert.
    Das ganze sieht dann so aus:
    .ngg-gallery-thumbnail { float: left;
    background: url(shadowAlpha.png) no-repeat bottom right !important;
    background: url(shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    height: 80px;
    width: 100px;
    }

    Meine Thumbnails haben die Größe von 100x75, ich habe aber 80px angegeben, damit zwischen den Thumbs nach unten hin Abstände entstehen.

    Liebe Grüße

    Zadkiel
     
  8. usa_björn

    usa_björn Well-Known Member

    Registriert seit:
    2. Mai 2007
    Beiträge:
    63
    Zustimmungen:
    0
    Genau das hat bei mir auch geholfen, jetzt geht es auf allen Seiten und Browsern, nur auf den Archiv seiten nicht, muß ich das auch noch irgendwo anders Auskommentieren?
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden