NextGen: Schmale Vorschaubilder im IE8

    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

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Kommentier mal testweise das hier aus:

    Code
    #content img {
border:1px solid #CCCCCC;
display:inline;
max-width:100%;
padding:4px;
}


    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...

    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

    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?

    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!

    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

    Zitat von Mario1972

    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.

    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?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden