Fehler: Unterschiedliche Berechnung Sliderbreite in Chrome u. Firefox

Dr. Manuel Lamotte-Schubert's Avatar

Dr. Manuel Lamotte-Schubert

18 Oct, 2017 10:01 AM

Produkt: Slider Contao
Contao-Version: 4.4.5
Browser und Browserversionen: Firefox 56

Unterschiedliche Berechnung Sliderbreite in Chrome u. Firefox, als Folge fehlerhafte Platzierung der Navigationspfeile.
Siehe Screenshots, bei Rückfragen stehe ich gerne zur Verfügung, Tel. 06831/1666399, Firma pronego.

Herzlichen Dank.

  1. Support Staff 1 Posted by RockSolid Theme... on 18 Oct, 2017 01:06 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Der Fehler wird anscheinend durch folgenden CSS-Code ausgelöst:

    .slider_arrow_fix > .rsts-view{ 
        max-width: calc(100% - 100px);
    }
    

    Ohne dieser Modifikation bzw. mit max-width: none; sollte die Breitenberechnung korrekt funktionieren.

  2. 2 Posted by Dr. Manuel Lamo... on 18 Oct, 2017 01:22 PM

    Dr. Manuel Lamotte-Schubert's Avatar

    Herzlichen Dank.
    Hintergrund dieser Ergänzung war der Wunsch, die Pfeile bei einem Slider mit 100% Breite außerhalb der Sliderelemente zu haben.
    Die gerade (unter dem Link) sichtbare Version hat zusätzlich eine fixe Maximalbreite festgelegt.
    Eine Anpassung der Max-Breite beim .rsts-main Container (je nach gewünschter Variante in Pixeln oder calc(100%-<2xnav_width>)) löst das Problem.

    Trotzdem verwundert, dass Firefox andere Ergebnisse liefert als Chrome. Da fühlt man sich in die Zeit vor 10+ Jahren versetzt, wo die Browser noch deutlich heterogener waren ;-)

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • slider.jpg 1.07 MB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac