[gelöst] Seite mit Views_Gallleriffic und Textfeld wird im Firefox richtig dargestellt, im IE11 total anders. Warum?
Eingetragen von albert39 (384)am 25.02.2014 - 19:19 Uhr in
In einer Webseite, aufgebaut auf ZEN, habe ich einen Inhaltstyp erstellt (Gallerieseite), bei dem auf der linken Seite eine Gallerie (mit dem Modul Views_Gallerific und mit Views) besteht und auf der rechten Seite ein langes Textfeld.
Das funktioniert im Firefox einwandfrei (siehe Anhang 1), aber im IE11 sind die Bilder der Gallerie total verschoben und im Textfeld werden zwei Bilder nicht angezeigt (siehe Anhang 2).
Alle Positionseinstellungen habe ich in einer fresh.css, also nicht in den css des entsprechenden Moduls durchgeführt. Liest der IE die css in einer anderen Reihefolge?
Die nicht angezeigten Bilder (das obere) werden im HTML-Code im FF so
<img style="height:112px; width:500px" src="/sites/default/files/das-wort-verhallt-single.png" alt="">
dargestellt und im IE so:
<img style="width: 500px; height: 112px;" alt="" src="/sites/default/files/das-wort-verhallt-single.png">,
also praktisch gleich.
Was ist da nicht kompatibel? Es muss etwas mit der Positionierung (also mit den css) zu tun haben, weil auch im IE das Galleriemodul arbeitet (beim Anklicken der Vorschaubilder kommt das richtige Slide, aber eben an einer falschen Stelle.)
Danke für Eure Hilfe.
Albert
| Anhang | Größe |
|---|---|
| Kierner_FF.JPG | 77.88 KB |
| Kierner_IE.JPG | 61.52 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich hab den IE11 zwar nicht
am 26.02.2014 - 00:36 Uhr
Ich hab den IE11 zwar nicht drauf, aber bei früheren IEs war es immer der Fall, das die Scroll Leiste mehr Pixel hatte als in anderen Browsern.
Hast du im CSS eventuell eine feste Breite erzwungen, wo es nicht sein darf, so das die Verschiebung entsteht?
Du kannst auch eine spezielle CSS nur für den IE anlegen, Infos gibt es dazu reichlich bei Google.
Was sagen denn andere Broser, Chrome, Safari....
Grüße Jenna
IE und FF: Unterschiede in CSS Abarbeitung
am 26.02.2014 - 08:48 Uhr
Danke Jenna,
Die anderen Browser installiere ich mir heute.
Nun eine Frage dazwischen:
Alle CSS-Änderungen habe ich in einer separaten CSS (fresh.css) durchgeführt. Ich liste sie hier auf:
.field-name-body { }
.node-gallery-seite {background-color:#FFFFFF;
width: 930px; height:520px;}
.field-type-text-long {float:right;
margin-right: 30px;
width: 530px; }
#galleriffic {width: 340px; margin-left: 20px;
padding:40px 0 0 0; }
#controls {width: 318px; }
.field .field-label {display: none; }
#galleriffic #thumbs {
float: left;
height: 220px;
overflow: hidden;
width: 318px;
}
Da gibt es feste Breitenvorgaben, die natürlich sinnvoll sind. Kannst Du da etwas sehen, was dem IE nicht gefällt?
Herzliche Grüße
Albert
Größe der Boxen (with, height) präziser einstellen
am 26.02.2014 - 19:15 Uhr
Jenna hatte vollkommen recht: Die Größe der Boxen war nicht präzise eingestellt. Anscheinend ist FF toleranter, wenn sich 2 Boxen überlappen. Beim IE werden sie dann einfach untereinander angeordnet (ist meine Vermutung !)
Der in meinem vorhergehenden Beitrag angeführt CSS-Code hat keinen Fehler. Das war es nicht.
Die im IE gegebene Möglichkeit, mit Hilfe der rechten Maustaste ein "Element untersuchen", eröffnet (soweit ich es bis jetzt gesehen habe) die wichtigsten Funktionen des Firebugs. Auch dort kann man online CSS-Einstellungen verändern und sieht sofort die Reaktion. Damit konnte ich die CSS-Einstellungen so ergänzen, dass die Anzeige in beiden Browsern gleich war.
Die bemängelte Nicht-Anzeige zweier Bilder in einem langen Textfeld beruhte auf einem Fehler von mir.
Mit herzlichen Grüßen
Albert