[gelöst] Views Galleriffic - Felder unter Bilder-Show im IE nicht korrekt
Eingetragen von tibohn (36)am 02.08.2012 - 10:40 Uhr in
Ich habe mit Views Galleriffic eine Bilder-Show erstellt, welche in allen Browsern, außer dem IE 5 (ist mir auch nicht so wichtig) prima läuft. Nun möchte ich unter der Bilder-Show noch ein paar Angaben zu den Bildern machen und habe dazu im entsprechendem Inhaltstyp mehrere Felder ergänzt (Text und Ganzzahl). Die Felder werden in allen Browsern, außer dem IE, korrekt dargestellt. Normalerweise erscheinen erst die Thumbnails oben in einer Reihe, dann folgt darunter das eigentliche Galerie-Bild und darunter stehen die Angaben in den weiteren Feldern.
Im IE kommen auch erst die Thumbnails, dann verdeckt aber das Galerie-Bild die folgenden Felder. Das Galerie-Bild überlagert also die Felder, anstatt diese unter die Bilder-Galerie zu schieben.
Hat jemand eine Idee, wie ich das im IE verhindern kann?
- Anmelden oder Registrieren um Kommentare zu schreiben
In welcher Browserversion
am 02.08.2012 - 12:51 Uhr
In welcher Browserversion tritt der Fehler den auf?
Hast du einen Link zur Seite ?
Im IE6 kann es schon mal vorkommen, dass die aktuellen Standards nicht korrekt unterstützt werden ( der Browser ist ja nun auch schon 10 Jahre auf dem Markt ).
SteffenR
IE 6-9
am 02.08.2012 - 13:23 Uhr
Zuerst einmal danke für das schnelle Feedback :-)
Das Problem der falschen Darstellung tritt in allen IE Versionen auf. Ich nutze momentan den IE 9.0.8, aber über den IE Tester von my-debugbar.com sehe ich auch, dass es bei den anderen Versionen ab IE 6 das Gleiche ist.
Ich habe mal eine Test-Seite dazu erstellt: http://www.modelzwerge.de/node/232
Beim Klick auf ein Thumbnail werden kurzfristig die beiden Felder hinter dem großen Bild sichtbar, die eigentlich darunter gehören...
Irgend eine Idee?
Tina
Keine Ideen/Lösungen?
am 06.08.2012 - 20:13 Uhr
...dann muss ich wohl eine andere Bildergalerie suchen, wo das Problem nicht besteht :-(
Das sieht eher nach einem CSS
am 06.08.2012 - 22:37 Uhr
Das sieht eher nach einem CSS Problem aus. Das kann man sicherlich mit ein paar Befehlen beheben.
Super...
am 07.08.2012 - 14:49 Uhr
...und mit welchen???
Bin mir nicht sicher welcher,
am 07.08.2012 - 15:04 Uhr
Bin mir nicht sicher welcher, probier einfach mal herum:
#slideshow-container,
#gallery #slideshow,
.view .view-sedcard-view,
.article-type-sedcard .field.field-name-field-trennung {
display: block;
clear: both;
}
Problem gelöst :-)
am 09.08.2012 - 09:29 Uhr
Danke Goekmen für den Hinweis!
Für alle, die ein ähnliches Problem haben sollten, hier meine Lösung:
Ich habe in der CSS-Datei bei #slideshow-container eine feste Höhe eingegeben (hier war ursprünglich keine Angabe vorhanden).
#slideshow-container {
width: 500px;
height: 605px;
position: relativ;
float: left;
padding: 0 0 10px 0;
Dann habe ich über Konfiguration -> Bildstile dem Gallerie-Bild eine maximale Höhe von 600 Pixel erteilt. Alternativ kann man auch über Struktur -> Inhaltstypen dem Feld für den Bilder-Upload eine maximale Auflösung in Pixel mitgeben, die dann eben nicht größer als der Slideshow-Container sein darf. das sollte man aber nicht machen, wenn man das Feld auch für den Upload anderer Fotos verwendet, die ggf. größer sein sollen.