Spaltendarstellung in Safari

Servus,

evtl. margin und padding für die Produkt-Container und das div.row explizit auf 0 setzen.

Vielleicht hat Safari da irgendwo Standardwerte, die das Layout kaputt machen. Kann ich aber nicht mit Bestimmtheit sagen.

Ansonsten bin ich grundsätzlich für eine Browser-Erkennung und bei Safari dann eine große rote Anzeige. "Sie verwenden einen Browser, der immer nur Probleme macht. Bitte laden Sie sich einen anderen herunter."

Grüße
Stefan

Hi Zolahr, hab dasselbe Problem und konnte es bislang nicht lösen.
Bei welche(n) Container(n) genau hast Du die Maximalbreite bestimmt? Und: Mit px oder %?
Hab Diverses durchgespielt: Dreispaltig will Safari partout nicht darstellen.

Danke!

Moin,

ich hänge mich hier mal mit rein, weil auch ich das selbe Problem habe. Bei mir hat es mit der max width nur im FireFox und IE funktioniert.

Im Safari bekomme ich dieselbe Anzeige wie im Post #1 zu sehen ist.

Servus,

bei Faro hab ich es mit Midori ausprobiert, da hat dies geholfen:

.vm-col-3 {

width: 33.29%;

}

Das macht es bei anderen Browsern dann evtl. ein paar Punkte zu schmal. Da müsste man das kleinere Übel raussuchen.

Oder einmal bei Google suchen: safari double media query. Damit könnte man es auf Safari beschränken.

Ich habe aber leider keine Ahnung, warum Safari das nicht mit 33.33% kann. Vielleicht hat der Gute Schwierigkeiten mit der Prozentrechnung, ich meine, der Kleine ist ja noch nicht so alt, da muss er evtl. noch ein paar Jahre mehr in die Schule.

Funktioniert in meinem Fall leider nicht. Auch nicht mit 32 oder 30 oder 25 %.

http://test.coldtransmission.de/index.php/shop

Noch jemand eine andere Idee?
Eigentlich sollen die Kategorien auch entweder nebeneinander
oder komplett untereinander angezeigt werden (das funktioniert
bei keinem Browser richtig. Momentan sind drei Spalten im Backend eingestellt)

In der Tat scheint es eine besssere Lösung zu geben.

Bootstrap baut da mal wieder unnötiges Zeug ein. Ein Grund, warum ich in meinen eigenen Templates kein Bootstrap verwende.

Dieses CSS hilft dem Midori-Browser auf der Testseite.

.browse-view .row::before {

display: block;

}

Grüße

Stefan

Ja!!! Das ist es! 1000 Dank!

Wenn es jetzt noch möglich wäre, die Kategorien nebeneinander zu platzieren,
wie im Backend definiert, bin ich absolut glücklich

Zitat von StefanSTS

bei Faro hab ich es mit Midori ausprobiert, da hat dies geholfen:

.vm-col-3 {

width: 33.29%;

}

Hallo Stefan,

kannst Du mir das bitte nochmal genauer erklären? ich kenne einen Midori-Browser nicht. Oder meintest Du ich sollte diesen Code einfach in meine custome_css legen, da dieser Code auch für den Safari- Browser greift?

Hallo Faro,

Midori läuft mit dem gleichen Motor wie Safari, deshalb lassen sich dort viele Eigenheiten von Safari nachvollziehen.

Wenn es in Midori läuft, läuft es dann auch normalerweise im Safari, sprich Mac, Iphone, Ipad und Co.

Auch bei Dir sollte:

.browse-view .row::before {

display: block;

}

funktionieren. Das ist der bessere Weg, damit es auch in anderen Browsern gleich bleibt.

Hallo Stefan,

vielen Dank für deine Hilfe. ich habe mal beide Versionen in meiner custom_css ausprobiert:

.vm-col-3 {

width: 33.29%;

}

und:

.browse-view .row::before {

display: block;

}

Beide Versionen bringen in meiner Safari Ansicht leider keine Veränderungen. Ich lebe mit dieser Problematik nun schon viele Jahre und wie es aussieht wird das wohl auch so bleiben.

Dir Stefan nochmal vielen Dank, für den kleinen Hoffnungsschimmer.